<!--低频作业指导书板块：新页面，每一个视频是分开的-->

<!--用户权限说明-->
<!--管理员：代码：1，可以做所有的操作-->
<!--问题编辑人员：代码：2，可以做问题的修改操作-->
<template>
  <div style="margin: 0;padding: 0">
    <el-container>
      <!--页面表头设计-->
      <el-header style="height: 7vh">
        <el-link class="headMain" href="http://10.255.96.48:3404/">{{main.qualityManagementSystem}}</el-link>
        <span class="center-text">{{main.workInstructions}}</span>
        <el-popover
            placement="top-start"
            title="用户信息"
            width="200"
            trigger="hover">
          <div style="margin-top: 10px">Name：{{useName}}</div>
          <div style="margin-top: 10px">ID:{{useId}}</div>
          <div style="margin-top: 10px" @click="logOut"><el-link>退出</el-link></div>
          <div class="headMain" slot="reference">{{useName}}</div>
        </el-popover>
      </el-header>
      <el-container>
        <el-aside width="200px" style="height: 90vh">
          <div>
            <el-card class="box-card">
              <div slot="header" class="clearfix" style="text-align: left">
                <span>{{main.selectionPrompt}}</span>
              </div>
              <div style="text-align: left">
                {{main.underThisProjectThereAre}}{{tableData.length}}{{main.records}}
              </div>
            </el-card>
          </div>
          <div style="margin-top: 10px">
            <el-button style="width: 100%" @click="typeTable(1)" :style="background1">{{main.toolReplacement}}</el-button>
          </div>
          <div style="margin-top: 10px">
            <el-button style="width: 100%" @click="typeTable(2)" :style="background2">{{ main.changeover }}</el-button>
          </div>
          <div style="margin-top: 10px">
            <el-button style="width: 100%" @click="typeTable(3)" :style="background3">{{ main.equipmentOperating }}</el-button>
          </div>
          <div style="margin-top: 10px">
            <el-button style="width: 100%" @click="typeTable(4)" :style="background4">{{ main.toolCheck }}</el-button>
          </div>
          <div style="margin-top: 10px">
            <el-button style="width: 100%" @click="typeTable(5)" :style="background5">{{ main.operationCheck }}</el-button>
          </div>
          <div style="margin-top: 10px">
            <el-button style="width: 100%" @click="typeTable(6)" :style="background6">{{ main.measuringToolsCheck }}</el-button>
          </div>
        </el-aside>
        <el-container>
          <!--主题设计-->
          <el-main style="height: 82vh;overflow-y: auto;overflow-x: auto">
            <div style="display: flex;height: 75vh;margin-top: 10px">
              <div style="width: 220px; border: 1px solid blue; box-sizing: border-box;overflow-y: auto">
                <div style="margin-top: 10px;text-align: center">
                  <span style="color: red;font-size: 18px">{{main.information}}</span>
                  <el-link style="margin-left: 10px" @click="editTable(1)" v-if="usePower===1"><i class="el-icon-circle-plus-outline"></i></el-link>
                  <el-link style="margin-left: 10px" @click="editTable(2)" v-if="usePower===1"><i class="el-icon-edit"></i></el-link>
                  <el-link style="margin-left: 10px" @click="editTable(3)" v-if="usePower===1"><i class="el-icon-delete"></i></el-link>
                  <hr>
                </div>
                <div style="margin: 8px;text-align: left">
                      <span v-if="tableDataTemp.lineName===''"></span>
                  <span v-else-if="languageS==='chinese'">{{main.line}}{{tableDataTemp.lineName.split('/')[0]}}</span>
                  <span v-else-if="languageS==='english'">{{main.line}}{{tableDataTemp.lineName.split('/')[1]}}</span>
                  <span v-else-if="languageS==='russian'">{{main.line}}{{tableDataTemp.lineName.split('/')[2]}}</span>
                  <hr>
                </div>
                <div style="margin:8px;text-align: left">
                  <span>{{main.op}}{{tableDataTemp.op}}</span>
                  <hr>
                </div>
                <div style="margin:8px;width: 150px">
                  <div v-if="tableDataTemp.fileName===''"></div>
                  <div style="color: #0269fa;font-size: 18px;white-space: normal; overflow-wrap: break-word;"
                        v-else-if="languageS==='chinese' && tableDataTemp.fileName.split('|*|').length===3">{{tableDataTemp.fileName.split('|*|')[0]}}</div>
                  <div style="color: #0269fa;font-size: 18px;white-space: normal; overflow-wrap: break-word;"
                       v-else-if="languageS==='english' && tableDataTemp.fileName.split('|*|').length===3">{{tableDataTemp.fileName.split('|*|')[1]}}</div>
                  <div style="color: #0269fa;font-size: 18px;white-space: normal; overflow-wrap: break-word;"
                       v-else-if="languageS==='russian' && tableDataTemp.fileName.split('|*|').length===3">{{tableDataTemp.fileName.split('|*|')[2]}}</div>
                  <div style="color: #0269fa;font-size: 18px;white-space: normal; overflow-wrap: break-word;"
                       v-else>{{tableDataTemp.fileName}}</div>
                  <hr>
                </div>
                <div style="margin: 8px;text-align: left">
                  <span>{{main.verNoLatest}}</span>
                  <hr>
                </div>
                <div style="margin: 8px;text-align: left">
                  <span >{{main.dateOfPreparation}}</span>
                  <span>{{tableDataTemp.writeDate}}</span>
                  <hr>
                </div>
                <div style="margin: 8px;text-align: left">
                  <span>{{main.implementationDate}}</span>
                  <span>{{tableDataTemp.executeDate}}</span>
                  <hr>
                </div>
                <div style="margin: 8px;text-align: left">
                  <span>{{main.documentNo}}</span>
                  <span>{{tableDataTemp.fileNum}}</span>
                  <hr>
                </div>
                <div style="margin: 8px;text-align: left">
                  <span>{{main.preparedBy}}</span>
                  <span>{{tableDataTemp.writeUse}}</span>
                  <hr>
                </div>
                <div style="margin: 8px;text-align: left">
                  <span>{{main.checked}}</span>
                  <el-link @click="documentReview(1,tableDataTemp.examineUse)">{{tableDataTemp.examineUse}}</el-link>
                  <hr>
                </div>
                <div style="margin: 8px;text-align: left">
                  <span>{{main.countersigned}}</span>
                  <el-link @click="documentReview(2,tableDataTemp.countersignUse)">{{tableDataTemp.countersignUse}}</el-link>
                  <hr>
                </div>
                <div style="margin: 8px;text-align: left">
                  <span>{{main.approve}}</span>
                  <el-link @click="documentReview(3,tableDataTemp.ratifyUse)">{{tableDataTemp.ratifyUse}}</el-link>
                  <hr>
                </div>
              </div>
              <div style="flex-grow: 1;
                  border: 1px solid blue;
                  box-sizing: border-box;
                  margin-left: 8px;
                  padding: 8px;
                  display: flex;
                  width: 100%">
                <div style="flex: 1;height: 75vh;scroll-margin-right: 8px">
                  <el-table
                      :data="workBook"
                      border
                      style="width: 100%"
                      height="72vh"
                      @row-click="workBookRowClick">
                    <el-table-column
                        type="expand"
                        v-slot:default="props">
                      <div style="margin-right: 10px;margin-left: 20px">
                        <span>注意点说明：</span>
                        <span v-if="languageS==='chinese' && props.row.problem.split('|*|').length===3">{{props.row.problem.split('|*|')[0]}}</span>
                        <span v-else-if="languageS==='english' && props.row.problem.split('|*|').length===3">{{props.row.problem.split('|*|')[1]}}</span>
                        <span v-else-if="languageS==='russian' && props.row.problem.split('|*|').length===3">{{props.row.problem.split('|*|')[2]}}</span>
                        <span v-else>{{props.row.problem}}</span>
                      </div>
                    </el-table-column>
                    <el-table-column
                        v-slot:default="scope"
                        :label="main.serialNo"
                        width="50">
                      {{scope.$index+1}}
                      <el-link @click="editBook(2,scope)" v-if="usePower===1"><i class="el-icon-download"></i></el-link>
                    </el-table-column>
                    <el-table-column
                        prop="work"
                        :label="main.content"
                        v-slot:default="scope">
                      <span v-if="languageS==='chinese' && scope.row.work.split('|*|').length===3">{{scope.row.work.split('|*|')[0]}}</span>
                      <span v-else-if="languageS==='english' && scope.row.work.split('|*|').length===3">{{scope.row.work.split('|*|')[1]}}</span>
                      <span v-else-if="languageS==='russian' && scope.row.work.split('|*|').length===3">{{scope.row.work.split('|*|')[2]}}</span>
                      <span v-else>{{scope.row.work}}</span>
                      <el-link style="margin-left: 20px" @click="editBook(1,scope)" v-if="usePower===1"><i class="el-icon-edit"></i></el-link>
                      <el-link style="margin-left: 10px" @click="editBook(4,scope)" v-if="usePower===1"><i class="el-icon-picture-outline"></i></el-link>
                      <el-link style="margin-left: 10px" @click="editBook(5,scope)" v-if="usePower===1"><i class="el-icon-video-camera"></i></el-link>
                      <el-link style="margin-left: 10px" @click="editBook(3,scope)" v-if="usePower===1"><i class="el-icon-delete"></i></el-link>
                    </el-table-column>
                  </el-table>
                </div>
                <div style="flex: 1;">
                  <el-card shadow="hover" style="height: 72vh;margin-left: 8px">
                    <div style="text-align: left">
                      <el-link
                          type="primary"
                          @click="switchVideo(1)"
                          :style="{ backgroundColor:videoAndImage1 , color:videoAndImageColor1 , padding: '4px 10px', borderRadius: '5px' }">{{main.picture}}</el-link>
                      <el-link
                          type="primary"
                          style="margin-left: 20px"
                          @click="switchVideo(2)"
                          :style="{ backgroundColor:videoAndImage2 , color:videoAndImageColor2 , padding: '4px 10px', borderRadius: '5px' }">{{main.video}}</el-link>
                    </div>
                    <div style="width: 100%;height: 62vh;margin-top: 8px">
                      <div class="block" v-if="switchVideoUse===1">
                        <el-carousel trigger="click" height="62vh">
                          <el-carousel-item v-for="(item, index) in itemView" :key="index">
                            <el-image
                                style="width: 100%; height: 100%"
                                :src="item"
                                fit='contain'
                                @click="handleImageClick(item)"></el-image>
                            <el-link></el-link>
                          </el-carousel-item>
                        </el-carousel>
                      </div>
                      <div class="block" v-else-if="switchVideoUse===2" style="height: 100%">
                        <el-carousel trigger="click" height="62vh" :autoplay="false">
                          <el-carousel-item v-for="(item, index) in itemViewVideo" :key="index">
                            <video
                                style="width: 100%; height: 100%"
                                :src="item"
                                controls></video>
                          </el-carousel-item>
                        </el-carousel>
                      </div>
                      <div class="block" v-else-if="switchVideoUse===3">
                        <el-table
                            :data="editRecord"
                            border
                            style="width: 100%"
                            height="72vh">
                          <el-table-column
                              type="expand"
                              v-slot:default="scope">
                            <div style="margin-right: 10px;margin-left: 20px">
                              <span>注意点说明：</span>
<!--                              <span v-if="languageS==='chinese' && scope.row.problem.split('|*|').length===3">{{scope.row.problem.split('|*|')[0]}}</span>-->
<!--                              <span v-else-if="languageS==='english' && scope.row.problem.split('|*|').length===3">{{scope.row.problem.split('|*|')[1]}}</span>-->
<!--                              <span v-else-if="languageS==='russian' && scope.row.problem.split('|*|').length===3">{{scope.row.problem.split('|*|')[2]}}</span>-->
                              <span>{{scope.row.problem}}</span>
                            </div>
                          </el-table-column>
                          <el-table-column
                              v-slot:default="scope"
                              :label="main.serialNo"
                              width="50">
                            {{scope.$index+1}}
                          </el-table-column>
                          <el-table-column
                              prop="work"
                              :label="main.content"
                              v-slot:default="scope">
<!--                            <span v-if="languageS==='chinese' && scope.row.work.split('|*|').length===3">{{scope.row.work.split('|*|')[0]}}</span>-->
<!--                            <span v-else-if="languageS==='english' && scope.row.work.split('|*|').length===3">{{scope.row.work.split('|*|')[1]}}</span>-->
<!--                            <span v-else-if="languageS==='russian' && scope.row.work.split('|*|').length===3">{{scope.row.work.split('|*|')[2]}}</span>-->
                            <span>{{scope.row.work}}</span>
                          </el-table-column>
                        </el-table>
                      </div>
                    </div>
                  </el-card>
                </div>
              </div>
            </div>
          </el-main>
          <el-footer style="height: 8vh">
            <el-button plain size="mini" @click="chooseLanguage('chinese')">中  文</el-button>
            <el-button plain size="mini" @click="chooseLanguage('russian')">Русский язык</el-button>
            <el-button plain size="mini" @click="chooseLanguage('english')">English</el-button>
          </el-footer>
        </el-container>
      </el-container>
    </el-container>

    <!--弹窗放置区-->
    <!--低频作业指导书表头编辑的弹窗-->
    <el-dialog
        :title="titleUse"
        :visible.sync="dialogTableHeader"
        width="40%"
        :before-close="handleClose">
      <el-form ref="formTableData" status-icon :rules="rulesForm" :model="formTableData" label-width="125px">
        <el-form-item :label="pageVal.workshop" prop="workshop">
          <el-select v-model="formTableData.workshop" :placeholder="pageVal.select" style="width: 100%" @change="(val) => selectChange(val, 1)">
            <el-option
                v-for="item in optionWorkshop"
                :key="item.value"
                :label="item.label"
                :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item :label="pageVal.lineName" prop="lineName">
          <el-select
              v-model="formTableData.lineName"
              :placeholder="pageVal.select"
              style="width: 100%"
              :disabled="disabledLineName">
            <el-option
                v-for="item in optionLine"
                :key="item.value"
                :label="item.label"
                :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
        <div style="display: flex; /* 启用 Flexbox 布局 */justify-content: space-between; /* 子元素之间的间隔平均分布 */  ">
          <el-form-item :label="pageVal.op" style="flex:1" prop="op">
            <el-select
                v-model="formTableData.op"
                :placeholder="pageVal.select"
                style="width: 100%"
                :disabled="disabledOp">
              <el-option
                  v-for="item in optionOp"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item  :label="pageVal.editionNum" style="flex:1" prop="editionNum">
            <el-select
                v-model="formTableData.editionNum"
                :placeholder="pageVal.select"
                style="width: 100%">
              <el-option
                  v-for="item in optionEditionNum"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>
        </div>
        <el-form-item :label="pageVal.fileName" prop="fileName">
          <el-input
              type="textarea"
              :rows="2"
              :placeholder="pageVal.seperate"
              v-model="formTableData.fileName">
          </el-input>
        </el-form-item>
        <el-form-item :label="pageVal.writeDate" prop="writeDate">
          <el-date-picker
              v-model="formTableData.writeDate"
              type="date"
              :placeholder="pageVal.dateSelect"
              style="width: 100%">
          </el-date-picker>
        </el-form-item>
        <el-form-item :label="pageVal.executeDate" prop="executeDate">
          <el-date-picker
              v-model="formTableData.executeDate"
              type="date"
              :placeholder="pageVal.dateSelect"
              style="width: 100%">
          </el-date-picker>
        </el-form-item>
        <div style="font-size: 18px;color: #0269fa;margin-bottom: 10px">{{pageVal.designateRelevantPersonnel}}</div>
        <div style="display: flex; /* 启用 Flexbox 布局 */justify-content: space-between; /* 子元素之间的间隔平均分布 */  ">
          <el-form-item :label="pageVal.writeUse" style="flex:1" prop="writeUse">
            <el-input  :placeholder="useName" disabled="disabled"></el-input>
          </el-form-item>
          <el-form-item  :label="pageVal.examineUse" style="flex:1" prop="examineUse">
            <el-input v-model="formTableData.examineUse" :placeholder="pageVal.enter"></el-input>
          </el-form-item>
        </div>
        <div style="display: flex; /* 启用 Flexbox 布局 */justify-content: space-between; /* 子元素之间的间隔平均分布 */  ">
          <el-form-item :label="pageVal.countersignUse" style="flex:1" prop="countersignUse">
            <el-input v-model="formTableData.countersignUse" :placeholder="pageVal.enter"></el-input>
          </el-form-item>
          <el-form-item  :label="pageVal.ratifyUse" style="flex:1" prop="ratifyUse">
            <el-input v-model="formTableData.ratifyUse" :placeholder="pageVal.enter"></el-input>
          </el-form-item>
        </div>
        <el-form-item :label="pageVal.submitResult">
          <el-button type="primary" @click="onSubmit(editTableUse,'formTableData')">{{pageVal.create}}</el-button>
          <el-button @click="dialogTableHeader=false">{{pageVal.cancel}}</el-button>
        </el-form-item>
      </el-form>
    </el-dialog>
    <!--输入两个文本的弹窗类型-->
    <el-dialog
        :title="titleUse"
        :visible.sync="dialogVisibleText"
        width="50%"
        :before-close="handleClose">
      <div style="text-align: left">
        <span style="font-size: 18px">{{pageVal.prompt1}}</span>
        <el-input :placeholder="pageVal.enter"
                  v-model="inputText1"
                  style="width: 100%;margin-top: 8px"
                  type="textarea"
                  :rows="3"></el-input>
      </div>
      <div style="margin-top: 10px;text-align: left">
        <span style="font-size: 18px">{{pageVal.prompt2}}</span>
        <el-input :placeholder="pageVal.enter"
                  v-model="inputText2"
                  style="width: 100%;margin-top: 8px"
                  type="textarea"
                  :rows="3"></el-input>
      </div>
      <div style="float:left; text-align: left;margin-top: 10px">
        <span style="margin-right: 20px;font-size: 18px">{{pageVal.workTime}}:</span><el-input-number v-model="inputNum" :min="0" :max="3600"></el-input-number>
      </div>
      <span slot="footer" class="dialog-footer">
    <el-button @click="dialogVisibleText = false">{{main.cancel}}</el-button>
    <el-button type="primary" @click="saveDataTextTwo">{{main.confirm}}</el-button>
  </span>
    </el-dialog>
    <!--点击上传照片-->
    <el-dialog
        :visible.sync="dialogPicture"
        :title="titleUse">
      <div style="margin-top: 10px;text-align: center; border: 1px solid #0269fa;padding: 10px">
        <el-upload
            action="http://10.255.96.48:3499/russiaEngine/"
            list-type="picture-card"
            :auto-upload="false"
            :on-change="(file, fileList) => saveFileAnnex(file, fileList)"
            :file-list="PictureList"
            :accept="fileType">
          <i slot="default" class="el-icon-plus"></i>
          <div slot="file" slot-scope="{file}">
            <img
                class="el-upload-list__item-thumbnail"
                :src="file.url" alt="">
            <span class="el-upload-list__item-actions">
                                <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
                              <i class="el-icon-zoom-in"></i>
                                </span>
                                <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleDownload(file)">
                                  <i class="el-icon-download"></i>
                                </span>
                                <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleRemove(file)">
                                  <i class="el-icon-delete"></i>
                                </span>
                              </span>
          </div>
        </el-upload>
      </div>
    </el-dialog>
    <!--点击上传视频-->
    <el-dialog
        :visible.sync="dialogVideo"
        :title="titleUse">
      <div style="margin-top: 10px;text-align: center; border: 1px solid #0269fa;padding: 10px">
        <el-upload
            action="http://10.255.96.48:3499/russiaEngine/"
            list-type="picture-card"
            :auto-upload="false"
            :on-change="(file, fileList) => saveFileAnnex(file, fileList)"
            :file-list="videoList"
            :accept="fileType"
            v-loading="loading"
            element-loading-text="拼命上传中">
          <i slot="default" class="el-icon-plus"></i>
          <div slot="file" slot-scope="{file}">
            <video width="100%"
                   height="100%"
                   :src="file.url"
                   controls>
            </video>
            <span class="el-upload-list__item-actions">
                                <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
                              <i class="el-icon-zoom-in"></i>
                                </span>
                                <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleDownload(file)">
                                  <i class="el-icon-download"></i>
                                </span>
                                <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleRemove(file)">
                                  <i class="el-icon-delete"></i>
                                </span>
                              </span>
          </div>
        </el-upload>
      </div>
    </el-dialog>
    <!--点击上传照片中的放大按钮，查看照片-->
    <el-dialog :visible.sync="dialogPictureAnnex">
      <img width="100%" :src="dialogImageUrl" alt="">
    </el-dialog>

    <!--抽屉放置区域-->
    <el-drawer
        :title="drawerTitle"
        :visible.sync="drawer"
        direction="rtl"
        size="50%">
      <el-table
          :data="tableData"
          style="width: 100%;margin-left: 25px;margin-right: 25px"
          highlight-current-row="highlight-current-row">
        <el-table-column
            prop="workshop"
            :label="pageVal.workshop"
            sortable
            width="180"
            v-slot:default="scope">
          <div style="width: 100%" @click="tableDataClick(1,scope)">
            <span v-if="languageS==='chinese'">{{scope.row.workshop.split('/')[0]}}</span>
            <span v-else-if="languageS==='english'">{{scope.row.workshop.split('/')[1]}}</span>
            <span v-else-if="languageS==='russian'">{{scope.row.workshop.split('/')[2]}}</span>
          </div>
        </el-table-column>
        <el-table-column
            prop="lineName"
            :label="pageVal.lineName"
            sortable
            width="180"
            v-slot:default="scope">
          <div style="width: 100%" @click="tableDataClick(1,scope)">
            <span v-if="languageS==='chinese'">{{scope.row.lineName.split('/')[0]}}</span>
            <span v-else-if="languageS==='english'">{{scope.row.lineName.split('/')[1]}}</span>
            <span v-else-if="languageS==='russian'">{{scope.row.lineName.split('/')[2]}}</span>
          </div>
        </el-table-column>
        <el-table-column
            prop="op"
            :label="pageVal.op"
            sortable
            width="80"
            :formatter="formatter"
            v-slot="scope">
          <div style="width: 100%" @click="tableDataClick(1,scope)">
            {{scope.row.op}}
          </div>
        </el-table-column>
        <el-table-column
            prop="fileName"
            :label="pageVal.fileName"
            v-slot:default="scope">
          <div style="width: 100%" @click="tableDataClick(1,scope)">
            <span v-if="languageS==='chinese' && scope.row.fileName.split('|*|').length===3">{{scope.row.fileName.split('|*|')[0]}}</span>
            <span v-else-if="languageS==='english' && scope.row.fileName.split('|*|').length===3">{{scope.row.fileName.split('|*|')[1]}}</span>
            <span v-else-if="languageS==='russian' && scope.row.fileName.split('|*|').length===3">{{scope.row.fileName.split('|*|')[2]}}</span>
            <span v-else>{{scope.row.fileName}}</span>
          </div>
        </el-table-column>
      </el-table>
    </el-drawer>
  </div>
</template>

<script>

import {filepath, machiningAssembly, OpAssembly, optionWorkshop, workshopAssembly} from "@/configUse";
import _ from "lodash";

export default {
  name: "changeModel",
  components: {},
  data() {
    //校验数据是否为空
    var dataNull = (rule, value, callback) => {
      if (!value) {
        return callback(new Error('数据不能为空，请输入/选择'));
      }
      callback();
    }

    return {
      //点击元素，转换颜色、背景的变量
      activeName:'first',
      //控制显示图片还是显示视频播放器的控件变量
      switchVideoUse:1,
      //抽屉相关的变量
      //抽屉的展示
      drawer: false,
      //抽屉的提示信息
      drawerTitle:'提示',

      //用户点击了选择的类型后，按钮调整颜色的变量
      background1: '',//换刀作业指导书背景色
      background2: '',//换型作业指导书
      background3: '',//机床操作说明书
      background4: '',//工装点检指导书
      background5: '',//标准作业检指导书
      background6: '',//量检具点检指导书
      videoAndImage1:'',//图片的背景色
      videoAndImage2:'',//视频的背景色
      videoAndImage3:'',//修改记录背景色
      videoAndImageColor1:'',//图片的字体颜色
      videoAndImageColor2:'',//视频的字体颜色
      videoAndImageColor3:'',//修改记录背景设
      //用户权限相关的变量
      useName:'',//用户名称
      useId:'',//用户编号
      usePower:'',//用户权限
      //语言选择的变量
      languageS:'chinese',
      //
      main:{
        qualityManagementSystem:'俄动力质量管理系统',
        workInstructions:'低频作业指导书',

        toolReplacement:'换刀作业指导书',
        changeover:'换型作业指导书',
        equipmentOperating:'设备操作说明书',
        toolCheck:'工装点检指导书',
        operationCheck:'标准作业检查',
        measuringToolsCheck:'量检具点检指导书',

        selectionPrompt:'选择提示',
        underThisProjectThereAre:'该项目下有',
        records:'条记录',

        information:'表单信息',
        line:'线体名称',
        op:'工序号',
        verNoLatest:'版本号：最新',
        dateOfPreparation:'编制日期',
        implementationDate:'执行日期',
        documentNo:'文件编号',
        preparedBy:'编制',
        checked:'审核',
        countersigned:'会签',
        approve:'批准',

        serialNo:'序号',
        content:'步骤内容',

        confirm:'确认',
        cancel:'取消',

        picture:'图片',
        video:'视频'

      },
      pageVal:{
        workshop:'车间名称',
        lineName:'线体名称',
        op:'工序号',
        editionNum:'版本号',
        fileName:'文件名称',
        writeDate:'编制日期',
        executeDate:'执行日期',
        designateRelevantPersonnel:'指定相关人员',
        writeUse:'编制人',
        examineUse:'审核人',
        countersignUse:'会签人',
        ratifyUse:'批准人',
        submitResult:'提交结果',
        create:'立即创建',
        cancel:'取消',
        select:'请选择',
        DateSelect:'请选择日期',
        enter:'请输入内容',
        seperate:'请输入内容,语言使用“|*|”符号分割',
        //文本弹窗窗口中，需要的输入提示
        prompt1:'步骤',
        prompt2:'注意点',
        workTime:'工步用时(单位s)'
      },
      homepageName:'俄罗斯动力质量管理系统',//主页变化的语言选择

      //传输忙的变量
      loading:false,

      //作业指导书的内容
      workBook:[
        {
          id:0,
          work:'请编辑',//工作步骤
          problem:'请输入',//关注点
          spendTime:0,//需要时间
          pictureList:'',//图片列表
          videoList:''//视频列表
        }],
      //作业指导书的修改内容
      //修改人
      editUser:'',
      editData:'',
      //修改日期
      editRecord:[
        {
          id:0,
          work:'请编辑',//工作步骤
          problem:'请输入',//关注点
          spendTime:0,//需要时间
          pictureList:'',//图片列表
          videoList:'',//视频列表
        }],
      //大表的内容
      tableData:[
        {
          //id主键
          id:'',
          //车间名称
          workshop:'',
          //线体名称
          lineName:'',
          //工序名称
          op:'',
          //文件名称
          fileName:'',
          // 版本号
          editionNum:'',
          //编制日期
          writeDate:'',
          //执行日期
          executeDate:'',
          //文件编号
          fileNum:'',
          //编制
          writeUse:'',
          //审核
          examineUse:'',
          //批准
          ratifyUse:'',
          //会签
          countersignUse:'',
          //作业指导书
          workBook:'',
          //图片附件
          bookImage:'',
          // 视频附件
          bookVideo:'',
          // 修改记录
          editRecord:'',
          //指导书类型
          bookType:'',
          //删除标记位
          deleteSign:'',
          //创建时间
          establishTime:'',
          //修改时间
          UpdateTime:'',
        }
      ],
      //弹窗控制用的变量
      //弹窗的表头提示
      titleUse:'提示',
      //表头编辑弹窗的控制变量
      dialogTableHeader:false,
      //控制两个文本框的弹窗变量
      dialogVisibleText:false,
      //上传照片的弹窗
      dialogPicture:false,
      //上传图片的弹窗提示
      dialogPictureAnnex:false,
      //上传视频的弹窗提示
      dialogVideo:false,
      //文本框弹窗中，绑定的两个输入框的内容
      inputText1:'',
      inputText2:'',
      inputNum:0,

      //用户选择的记录
      //用户选择的是那个类型的作业指导书
      typeTableUse:0,
      //用户选择了那个表头操作：1.增加，2.编辑，3.删除；
      editTableUse:0,
      //用户现在了那种作业指导书的编制类型 1.编辑，2.增加，3.删除
      editBookType:0,
      //用户现了是图片的编辑还是视频编辑
      editVideoAndImageUse:0,
      //用户当前点击了大表中的那一个，是一个scope格式。含着对表中的索引值。
      //用户点击了那个主表
      tableDataScope:null,
      //用户点击了那个作业指导书的表
      workBookScope:null,
      //表头用到的临时变量
      tableDataTemp:{
        //id主键
        id:'',
        //车间名称
        workshop:'',
        //线体名称
        lineName:'',
        //工序名称
        op:'',
        //文件名称
        fileName:'',
        // 版本号
        editionNum:'',
        //编制日期
        writeDate:'',
        //执行日期
        executeDate:'',
        //文件编号
        fileNum:'',
        //编制
        writeUse:'',
        //审核
        examineUse:'',
        //批准
        ratifyUse:'',
        //会签
        countersignUse:'',
        //作业指导书
        workBook:'',
        //图片附件
        BookImage:'',
        // 视频附件
        BookVideo:'',
        // 修改记录
        editRecord:'',
        //指导书类型
        bookType:'',
        //删除标记位
        deleteSign:'',
        //创建时间
        establishTime:'',
        //修改时间
        UpdateTime:'',
      },

      //输入表单的控件
      formTableData:{
        //id主键
        id:'',
        //车间名称
        workshop:'',
        //线体名称
        lineName:'',
        //工序名称
        op:'',
        //文件名称
        fileName:'',
        // 版本号
        editionNum:'',
        //编制日期
        writeDate:'',
        //执行日期
        executeDate:'',
        //文件编号
        fileNum:'',
        //编制
        writeUse:'',
        //审核
        examineUse:'',
        //批准
        ratifyUse:'',
        //会签
        countersignUse:'',
        //作业指导书
        workBook:'',
        //图片附件
        BookImage:'',
        // 视频附件
        BookVideo:'',
        // 修改记录
        editRecord:'',
        //指导书类型
        bookType:'',
        //删除标记位
        deleteSign:'',
        //创建时间
        establishTime:'',
        //修改时间
        UpdateTime:'',
      },

      //表单校验变量
      rulesForm:{
        workshop:[{ validator: dataNull, trigger: 'blur'},],
        lineName:[{ validator: dataNull, trigger: 'blur'},],
        op:[{ validator: dataNull, trigger: 'blur'},],
        fileName:[{ validator: dataNull, trigger: 'blur'},],
        editionNum:[{ validator: dataNull, trigger: 'blur'},],
        writeDate:[{ validator: dataNull, trigger: 'blur'},],
        executeDate:[{ validator: dataNull, trigger: 'blur'},],
        examineUse:[{ validator: dataNull, trigger: 'blur'},],
        ratifyUse:[{ validator: dataNull, trigger: 'blur'},],
        countersignUse:[{ validator: dataNull, trigger: 'blur'},]
      },

      //固定选择器用到的变量
      //车间名称
      optionWorkshop: optionWorkshop,
      //线体名称
      optionLine:workshopAssembly,
      //工序名称
      optionOp:OpAssembly,
      //版本号
      optionEditionNum:[{
        value:1,
        label:'最新'
      },],
      //线体名称选择器的控制是否可以用
      disabledLineName:true,
      //工序的选择器，控制是否可用
      disabledOp:false,

      //图片相关的数据，录像相关的项目
      itemView:[],//展示图片的路径，用在了走马灯部位
      itemViewVideo:[],//展示视频，用在了走马灯部位
      editPictureType:0,//修改图片的类型，主要记录了
      PictureList:[],//图片文件的
      videoList:[],//录像的文件列表
      disabled:false,//图片显示的控制变量
      dialogImageUrl:'',//弹窗显示的图片路径
      videoUrl:filepath+'',//视频的地址
      fileType:'',//限定上传文件的类型
    }
  },
  watch: {},
  methods: {
    //退出登录
    logOut(){
      localStorage.removeItem('u_token');
      localStorage.removeItem('userName')
      this.$router.push('UserLogin')
    },
    chooseLanguage(language){
      this.languageS=language
      //语言切换
      if (language==='chinese'){
        //main
        this.main.qualityManagementSystem='俄动力质量管理系统'
        this.main.workInstructions='低频作业指导书'

        this.main.toolReplacement='换刀作业指导书'
        this.main.changeover='换型作业指导书'
        this.main.equipmentOperating='设备操作说明书'
        this.main.toolCheck='工装点检指导书'
        this.main.operationCheck='标准作业检查'
        this.main.measuringToolsCheck='量检具点检指导书'

        this.main.selectionPrompt='选择提示：'
        this.main.underThisProjectThereAre='该项目下有'
        this.main.records='条记录'

        this.main.information='表单信息'
        this.main.line='线体名称'
        this.main.op='工序号：'
        this.main.verNoLatest='版本号：最新'
        this.main.dateOfPreparation='编制日期：'
        this.main.implementationDate='执行日期：'
        this.main.documentNo='文件编号：'
        this.main.preparedBy='编制：'
        this.main.checked='审核：'
        this.main.countersigned='会签：'
        this.main.approve='批准：'

        this.main.serialNo='序号'
        this.main.content='步骤内容'

        this.main.confirm='确认'
        this.main.cancel='取消'

        this.main.picture='图片'
        this.main.video='视频'

        //pageVal
        this.pageVal.workshop='车间名称'
        this.pageVal.lineName='线体名称'
        this.pageVal.op='工序号'
        this.pageVal.editionNum='版本号'
        this.pageVal.fileName='文件名称'
        this.pageVal.writeDate='编制日期'
        this.pageVal.executeDate='执行日期'
        this.pageVal.designateRelevantPersonnel='指定相关人员'
        this.pageVal.writeUse='编制人'
        this.pageVal.examineUse='审核人'
        this.pageVal.countersignUse='会签人'
        this.pageVal.ratifyUse='批准人'
        this.pageVal.submitResult='提交结果'
        this.pageVal.create='立即创建'
        this.pageVal.cancel='取消'
        this.pageVal.select='请选择'
        this.pageVal.dateSelect='选择日期'
        this.pageVal.enter='请输入内容'
        this.pageVal.seperate='请输入内容,语言使用“|*|”符号分割'
        this.pageVal.prompt1='步骤'
        this.pageVal.prompt2='注意点'
        this.pageVal.workTime='工步用时(单位s)'
      }
      else if (language==='english') {
        //main
        this.main.qualityManagementSystem='Quality Management System'
        this.main.workInstructions='Work Instructions'

        this.main.toolReplacement='Tool Replacement'
        this.main.changeover='Changeover'
        this.main.equipmentOperating='Equipment Operating'
        this.main.toolCheck='Tool Check'
        this.main.operationCheck='Operation Check'
        this.main.measuringToolsCheck='Measuring Tools Check'

        this.main.selectionPrompt='Selection Prompt:'
        this.main.underThisProjectThereAre='Under this project, there are '
        this.main.records=' records'

        this.main.information='Information'
        this.main.line='Line'
        this.main.op='OP:'
        this.main.verNoLatest='Ver.No:latest'
        this.main.dateOfPreparation='Date of preparation:'
        this.main.implementationDate='Implementation date:'
        this.main.documentNo='Document No.:'
        this.main.preparedBy='Prepared by:'
        this.main.checked='Checked:'
        this.main.countersigned='Countersigned:'
        this.main.approve='Approve:'

        this.main.serialNo='NO.'
        this.main.content='Content'

        this.main.confirm='OK'
        this.main.cancel='Cancel'

        this.main.picture='Picture'
        this.main.video='Video'

        //pageVal
        this.pageVal.workshop='Workshop'
        this.pageVal.lineName='Line'
        this.pageVal.op='OP'
        this.pageVal.editionNum='Ver.No'
        this.pageVal.fileName='File Name'
        this.pageVal.writeDate='Date of preparation'
        this.pageVal.executeDate='Implementation date'
        this.pageVal.designateRelevantPersonnel='Designate Relevant Personnel'
        this.pageVal.writeUse='Prepared by'
        this.pageVal.examineUse='Checked'
        this.pageVal.countersignUse='Countersigned'
        this.pageVal.ratifyUse='Approve'
        this.pageVal.submitResult='Submit Result'
        this.pageVal.create='Create Now'
        this.pageVal.cancel='Cancel'
        this.pageVal.select='Select'
        this.pageVal.dateSelect='Select the Date'
        this.pageVal.enter='Enter'
        this.pageVal.seperate='Please enter the content and use the symbol \'| * |\' to separate the language'
        this.pageVal.prompt1='Step'
        this.pageVal.prompt2='Attention Point'
        this.pageVal.workTime='Work Time(s)'
      }
      else if (language==='russian') {
        //main
        this.main.qualityManagementSystem='Система управления качеством'
        this.main.workInstructions='Рабочие инструкции'

        this.main.toolReplacement='Замена инструмента'
        this.main.changeover='Переналадка'
        this.main.equipmentOperating='Эксплуатация оборудования'
        this.main.toolCheck='Проверка инструментов'
        this.main.operationCheck='Оперативный контроль'
        this.main.measuringToolsCheck='Проверка измерительных инструментов'

        this.main.selectionPrompt='Выборная строка:'
        this.main.underThisProjectThereAre='В рамках этого проекта есть '
        this.main.records=' записи'

        this.main.information='Информация'
        this.main.line='Линия'
        this.main.op='Операция:'
        this.main.verNoLatest='Номер версии: последний'
        this.main.dateOfPreparation='Дата разработки:'
        this.main.implementationDate='Дата внедрения:'
        this.main.documentNo='Номер документа:'
        this.main.preparedBy='Кем разработан:'
        this.main.checked='Проверено:'
        this.main.countersigned='Подписано:'
        this.main.approve='Одобрено:'

        this.main.serialNo='Hомер'
        this.main.content='Содержание'

        this.main.confirm='Подтвердить'
        this.main.cancel='Oтменить'

        this.main.picture='Изображение'
        this.main.video='Видео'

        //pageVal
        this.pageVal.workshop='Цех'
        this.pageVal.lineName='Линия'
        this.pageVal.op='Операция'
        this.pageVal.editionNum='Номер версии'
        this.pageVal.fileName='Имя файла'
        this.pageVal.writeDate='Дата разработки'
        this.pageVal.executeDate='Дата внедрения'
        this.pageVal.designateRelevantPersonnel='Designate Relevant Personnel'
        this.pageVal.writeUse='Кем разработан'
        this.pageVal.examineUse='Проверено'
        this.pageVal.countersignUse='Подписано'
        this.pageVal.ratifyUse='Одобрено'
        this.pageVal.submitResult='Отправить результат'
        this.pageVal.create='Cоздать сейчас'
        this.pageVal.cancel='Oтменить'
        this.pageVal.select='Выбрать'
        this.pageVal.dateSelect='Выберите дату'
        this.pageVal.enter='Введите'
        this.pageVal.seperate='Пожалуйста, введите содержание и используйте символ \'| * |\' для разделения языка'
        this.pageVal.prompt1='Шаг'
        this.pageVal.prompt2='Точка внимания'
        this.pageVal.workTime='Время работы(Секунда)'
      }
    },
    //用户现在选的是哪一种作业指导书
    typeTable(doe){
      //数据初识化
      this.tableData=[]
      this.workBook=[]
      this.PictureList=[]
      this.itemView=[]
      this.tableDataTemp={
        //id主键
        id:'',
        //车间名称
        workshop:'',
        //线体名称
        lineName:'',
        //工序名称
        op:'',
        //文件名称
        fileName:'',
        // 版本号
        editionNum:'',
        //编制日期
        writeDate:'',
        //执行日期
        executeDate:'',
        //文件编号
        fileNum:'',
        //编制
        writeUse:'',
        //审核
        examineUse:'',
        //批准
        ratifyUse:'',
        //会签
        countersignUse:'',
        //作业指导书
        workBook:'',
        //图片附件
        BookImage:'',
        // 视频附件
        BookVideo:'',
        // 修改记录
        editRecord:'',
        //指导书类型
        bookType:'',
        //删除标记位
        deleteSign:'',
        //创建时间
        establishTime:'',
        //修改时间
        UpdateTime:'',
      }

      this.typeTableUse=doe
      //是换刀作业指导书
      if (this.typeTableUse===1){
        //设置按钮颜色
        this.background1 = {backgroundColor: '#0269fa',color:'white'}
        this.background2 = ''
        this.background3 = ''
        this.background4 = ''
        this.background5 = ''
        this.background6 = ''
        //查询数据
        this.inquiryType('换刀作业')
        //打开抽屉
        if (this.languageS==='chinese'){
          this.drawerTitle='换刀作业要领书'
        }
        else if (this.languageS==='english'){
          this.drawerTitle='Tool Replacement'
        }
        else if (this.languageS==='russian'){
          this.drawerTitle='Замена инструмента'
        }
        this.drawer=true
      }
      //是换型指导书
      else if (this.typeTableUse===2){
        this.background1 = ''
        this.background2 = {backgroundColor: '#0269fa',color:'white'}
        this.background3 = ''
        this.background4 = ''
        this.background5 = ''
        this.background6 = ''
        //查询数据
        this.inquiryType('换型作业')
        //打开抽屉
        if (this.languageS==='chinese'){
          this.drawerTitle='换型作业要领书'
        }
        else if (this.languageS==='english'){
          this.drawerTitle='Changeover'
        }
        else if (this.languageS==='russian'){
          this.drawerTitle='Переналадка'
        }
        this.drawer=true

      }
      //是设备操作说明书
      else if (this.typeTableUse===3){
        this.background1 = ''
        this.background2 = ''
        this.background3 = {backgroundColor: '#0269fa',color:'white'}
        this.background4 = ''
        this.background5 = ''
        this.background6 = ''
        //查询数据
        this.inquiryType('设备操作说明书')
        //打开抽屉
        if (this.languageS==='chinese'){
          this.drawerTitle='设备操作说明书'
        }
        else if (this.languageS==='english'){
          this.drawerTitle='Equipment Operating '
        }
        else if (this.languageS==='russian'){
          this.drawerTitle='Эксплуатация оборудования'
        }
        this.drawer=true

      }
      //是工装点检指导书
      else if (this.typeTableUse===4){
        this.background1 = ''
        this.background2 = ''
        this.background3 = ''
        this.background4 = {backgroundColor: '#0269fa',color:'white'}
        this.background5 = ''
        this.background6 = ''
        //查询数据
        this.inquiryType('工装点检')
        //打开抽屉
        if (this.languageS==='chinese'){
          this.drawerTitle='工装点检指导书'
        }
        else if (this.languageS==='english'){
          this.drawerTitle='Tool Check'
        }
        else if (this.languageS==='russian'){
          this.drawerTitle='Проверка инструментов'
        }
        this.drawer=true

      }
      //是标准作业检查指导书
      else if (this.typeTableUse===5){
        this.background1 = ''
        this.background2 = ''
        this.background3 = ''
        this.background4 = ''
        this.background5 = {backgroundColor: '#0269fa',color:'white'}
        this.background6 = ''
        //查询数据
        this.inquiryType('标准作业检查')
        //打开抽屉
        if (this.languageS==='chinese'){
          this.drawerTitle='标准作业检查指导书'
        }
        else if (this.languageS==='english'){
          this.drawerTitle='Operation Check '
        }
        else if (this.languageS==='russian'){
          this.drawerTitle='Оперативный контроль'
        }
        this.drawer=true
      }
      //是量检具点检指导书
      else if (this.typeTableUse===6){
        this.background1 = ''
        this.background2 = ''
        this.background3 = ''
        this.background4 = ''
        this.background5 = ''
        this.background6 = {backgroundColor: '#0269fa',color:'white'}
        //查询数据
        this.inquiryType('量检具点检')
        //打开抽屉
        if (this.languageS==='chinese'){
          this.drawerTitle='量检具点检指导书'
        }
        else if (this.languageS==='english'){
          this.drawerTitle='Measuring Tools Check'
        }
        else if (this.languageS==='russian'){
          this.drawerTitle='Проверка измерительных инструментов'
        }
        this.drawer=true
      }
    },
    //辅助函数，依据用户现在的是哪一种作业指导书，筛选出所有的数据来
    inquiryType(type){
      //向后端发送请求，把查询出来的作业指导书类别赋值给大表。
      this.$request.post('/inquiryType',type).then(result=>{
            if (result.code === 401) {
              this.$router.push('UserLogin')
              alert("您未登录，请登录")
            } else {
              this.tableData=result.data
            }
      })
    },
    //主表排序用的函数
    formatter(row, column) {
      console.log(column)
      return row.address;
    },
    //查询用户信息的函数
    inquiry(){
      //输入用户编号，向后端查询信息
      const useId=localStorage.getItem('userName').replace(/"/g, '');
      this.$request.post('/useQueryPower',{
        queryFiledName:'changeModel',
        userId:useId,
      }).then(result=>{
        if (result.code === 401) {
          this.$router.push('UserLogin')
          alert("您未登录，请登录")
        }else {
          this.useName=result.data.name
          this.usePower=result.data.changeModel
          this.useId=useId
          console.log(this.useId,this.usePower,this.useName)
        }
      })
    },
    // 通用，弹窗关闭的时候
    handleClose(done) {
      this.$confirm('确认关闭？')
          // eslint-disable-next-line no-unused-vars
          .then(_ => {
            done();
          })
          // eslint-disable-next-line no-unused-vars
          .catch(_ => {});
    },
    //在tab控件上单击的函数
    handleClick(tab, event) {
      console.log(tab, event);
    },
    //切换照片和视频的函数
    switchVideo(doe){
      //doe=1,显示图片，doe=2，显示视频
      this.switchVideoUse=doe

      if (doe===1){
        this.videoAndImage1='#0269fa'
        this.videoAndImageColor1='white'

        this.videoAndImage2='white'
        this.videoAndImageColor2=''

        this.videoAndImage3='white'
        this.videoAndImageColor3=''
      }
      else if (doe===2){
        this.videoAndImage1='white'
        this.videoAndImageColor1=''

        this.videoAndImage2='#0269fa'
        this.videoAndImageColor2='white'

        this.videoAndImage3='white'
        this.videoAndImageColor3=''
      }
      else if (doe===3){
        this.videoAndImage1='white'
        this.videoAndImageColor1=''

        this.videoAndImage2='white'
        this.videoAndImageColor2=''

        this.videoAndImage3='#0269fa'
        this.videoAndImageColor3='white'
      }
    },
    //编辑作业指导书用到的
    editBook(doe,scope){
      this.loading=false
      //把用户选择的是那个操作传递出去
      this.editBookType=doe//1.用户选择的是修改作业指导书
      //把点击的数据传递出去，是scope格式的
      this.workBookScope=scope
      //在换刀作业指导书中的操作
      if (this.typeTableUse===1){
        //是换刀作业指导书中的编辑操作
        if (this.editBookType===1){
          if (this.languageS==='chinese'){
            this.titleUse='您正在编辑换刀作业指导书'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are editing the Tool Replacement'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы редактируете замену инструмента'
          }
          this.inputText1=_.cloneDeep(this.workBookScope.row.work)
          this.inputText2=_.cloneDeep(this.workBookScope.row.problem)
          this.dialogVisibleText=true
        }
        //是要向下添加一条操作要领
        else if (this.editBookType===2){
          if (this.languageS==='chinese'){
            this.titleUse='您正在添加一条换刀作业指导书内容'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are adding a piece of content of Tool Replacement'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы добавляете часть контента Замена инструмента'
          }
          this.inputText1=''
          this.inputText2=''
          this.dialogVisibleText=true
        }
        //是换刀作业指导书中的删除操作
        else if (this.editBookType===3){
          if (this.languageS==='chinese'){
            this.titleUse='您正在删除换刀作业指导书的本条内容，点击“确定”删除'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are deleting this content. Click "OK" to delete it'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы удаляете этот контент. Нажмите "Подтвердить", чтобы удалить его'
          }
          this.inputText1=_.cloneDeep(this.workBookScope.row.work)
          this.inputText2=_.cloneDeep(this.workBookScope.row.problem)
          this.dialogVisibleText=true
        }
        //*是插入图片的操作*/
        //是编辑照片的操作，包括添加、删除。
        else if (this.editBookType===4){
          if (this.languageS==='chinese'){
            this.titleUse='您正在编辑本行的图片信息'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are editing the image information of this line'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы редактируете информацию об изображении этой строки'
          }
          this.fileType='image/jpeg, image/png'
          //组合图片编辑列表的数据
          //组合照片的数据
          if (this.workBookScope.row.pictureList.includes('undefined')){
            //没有图片信息
            this.PictureList = []
          }
          else {
            this.PictureList = []
            const temp1 = this.workBookScope.row.pictureList.split('|*|')
            for (let i = 0; i < temp1.length - 1; i++) {
              let temp2 = {
                name: temp1[i],
                percentage: 0,
                raw: File,
                size: 0,
                status: null,
                uid: null,
                url: filepath + temp1[i]
              }
              this.PictureList.push(temp2)
            }
          }
          if (this.languageS==='chinese'){
            this.titleUse='您正在编辑本行的图片信息'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are editing the image information of this line'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы редактируете информацию об изображении этой строки'
          }
          this.fileType='image/jpeg, image/png'
          this.dialogPicture=true
        }
        /*是插入视频的操作*/
        //是编辑照片的操作，包括添加、删除。
        else if (this.editBookType===5){
          //组合视频的数据
          if (this.workBookScope.row.videoList.includes('undefined')){
            //没有视频信息
            this.itemViewVideo = []
          }
          else {
            this.itemViewVideo = []
            const temp1 = this.workBookScope.row.videoList.split('|*|')
            for (let i = 0; i < temp1.length - 1; i++) {
              let temp2 = {
                name: temp1[i],
                percentage: 0,
                raw: File,
                size: 0,
                status: null,
                uid: null,
                url: filepath + temp1[i]
              }
              this.itemViewVideo.push(temp2)
            }
          }
          this.fileType='video/mp4, video/x-matroska, video/quicktime, video/webm'
          if (this.languageS==='chinese'){
            this.titleUse='您正在编辑本行的视频信息'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are editing the video information of this line'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы редактируете видеоинформацию этой строки'
          }
          this.dialogVideo=true
        }
      }
      //在换型作业指导书中的操作
      if (this.typeTableUse===2){
        //是换型作业指导书中的编辑操作
        if (this.editBookType===1){
          this.titleUse='您正在编辑换型作业指导书'
          this.inputText1=_.cloneDeep(this.workBookScope.row.work)
          this.inputText2=_.cloneDeep(this.workBookScope.row.problem)
          this.dialogVisibleText=true
        }
        //是要向下添加一条操作要领
        else if (this.editBookType===2){
          this.titleUse='您正在添加一条换型作业指导书内容'
          this.inputText1=''
          this.inputText2=''
          this.dialogVisibleText=true
        }
        //是换型作业指导书中的删除操作
        else if (this.editBookType===3){
          if (this.languageS==='chinese'){
            this.titleUse='您正在删除换型作业指导书的本条内容，点击“确定”删除'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are deleting this content. Click "OK" to delete it'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы удаляете этот контент. Нажмите "Подтвердить", чтобы удалить его'
          }
          this.inputText1=_.cloneDeep(this.workBookScope.row.work)
          this.inputText2=_.cloneDeep(this.workBookScope.row.problem)
          this.dialogVisibleText=true
        }
            //*是插入图片的操作*/
        //是编辑照片的操作，包括添加、删除。
        else if (this.editBookType===4){
          if (this.languageS==='chinese'){
            this.titleUse='您正在编辑本行的图片信息'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are editing the image information of this line'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы редактируете информацию об изображении этой строки'
          }
          this.fileType='image/jpeg, image/png'
          //组合图片编辑列表的数据
          //组合照片的数据
          if (this.workBookScope.row.pictureList.includes('undefined')){
            //没有图片信息
            this.PictureList = []
          }
          else {
            this.PictureList = []
            const temp1 = this.workBookScope.row.pictureList.split('|*|')
            for (let i = 0; i < temp1.length - 1; i++) {
              let temp2 = {
                name: temp1[i],
                percentage: 0,
                raw: File,
                size: 0,
                status: null,
                uid: null,
                url: filepath + temp1[i]
              }
              this.PictureList.push(temp2)
            }
          }
          if (this.languageS==='chinese'){
            this.titleUse='您正在编辑本行的图片信息'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are editing the image information of this line'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы редактируете информацию об изображении этой строки'
          }
          this.fileType='image/jpeg, image/png'
          this.dialogPicture=true
        }
            /*是插入视频的操作*/
        //是编辑照片的操作，包括添加、删除。
        else if (this.editBookType===5){
          //组合视频的数据
          if (this.workBookScope.row.videoList.includes('undefined')){
            //没有视频信息
            this.itemViewVideo = []
          }
          else {
            this.itemViewVideo = []
            const temp1 = this.workBookScope.row.videoList.split('|*|')
            for (let i = 0; i < temp1.length - 1; i++) {
              let temp2 = {
                name: temp1[i],
                percentage: 0,
                raw: File,
                size: 0,
                status: null,
                uid: null,
                url: filepath + temp1[i]
              }
              this.itemViewVideo.push(temp2)
            }
          }
          this.fileType='video/mp4, video/x-matroska, video/quicktime, video/webm'
          if (this.languageS==='chinese'){
            this.titleUse='您正在编辑本行的视频信息'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are editing the video information of this line'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы редактируете видеоинформацию этой строки'
          }
          this.dialogVideo=true
        }
      }
      //在设备操作说明书中的操作
      if (this.typeTableUse===3){
        //是设备操作说明书中的编辑操作
        if (this.editBookType===1){
          this.titleUse='您正在编辑设备操作说明书'
          this.inputText1=_.cloneDeep(this.workBookScope.row.work)
          this.inputText2=_.cloneDeep(this.workBookScope.row.problem)
          this.dialogVisibleText=true
        }
        //是要向下添加一条操作要领
        else if (this.editBookType===2){
          this.titleUse='您正在添加一条设备操作说明书内容'
          this.inputText1=''
          this.inputText2=''
          this.dialogVisibleText=true
        }
        //是设备操作说明书中的删除操作
        else if (this.editBookType===3){
          if (this.languageS==='chinese'){
            this.titleUse='您正在删除设备操作说明书的本条内容，点击“确定”删除'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are deleting this content. Click "OK" to delete it'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы удаляете этот контент. Нажмите "Подтвердить", чтобы удалить его'
          }
          this.inputText1=_.cloneDeep(this.workBookScope.row.work)
          this.inputText2=_.cloneDeep(this.workBookScope.row.problem)
          this.dialogVisibleText=true
        }
            //*是插入图片的操作*/
        //是编辑照片的操作，包括添加、删除。
        else if (this.editBookType===4){
          if (this.languageS==='chinese'){
            this.titleUse='您正在编辑本行的图片信息'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are editing the image information of this line'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы редактируете информацию об изображении этой строки'
          }
          this.fileType='image/jpeg, image/png'
          //组合图片编辑列表的数据
          //组合照片的数据
          if (this.workBookScope.row.pictureList.includes('undefined')){
            //没有图片信息
            this.PictureList = []
          }
          else {
            this.PictureList = []
            const temp1 = this.workBookScope.row.pictureList.split('|*|')
            for (let i = 0; i < temp1.length - 1; i++) {
              let temp2 = {
                name: temp1[i],
                percentage: 0,
                raw: File,
                size: 0,
                status: null,
                uid: null,
                url: filepath + temp1[i]
              }
              this.PictureList.push(temp2)
            }
          }
          if (this.languageS==='chinese'){
            this.titleUse='您正在编辑本行的图片信息'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are editing the image information of this line'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы редактируете информацию об изображении этой строки'
          }
          this.fileType='image/jpeg, image/png'
          this.dialogPicture=true
        }
            /*是插入视频的操作*/
        //是编辑照片的操作，包括添加、删除。
        else if (this.editBookType===5){
          //组合视频的数据
          if (this.workBookScope.row.videoList.includes('undefined')){
            //没有视频信息
            this.itemViewVideo = []
          }
          else {
            this.itemViewVideo = []
            const temp1 = this.workBookScope.row.videoList.split('|*|')
            for (let i = 0; i < temp1.length - 1; i++) {
              let temp2 = {
                name: temp1[i],
                percentage: 0,
                raw: File,
                size: 0,
                status: null,
                uid: null,
                url: filepath + temp1[i]
              }
              this.itemViewVideo.push(temp2)
            }
          }
          this.fileType='video/mp4, video/x-matroska, video/quicktime, video/webm'
          if (this.languageS==='chinese'){
            this.titleUse='您正在编辑本行的视频信息'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are editing the video information of this line'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы редактируете видеоинформацию этой строки'
          }
          this.dialogVideo=true
        }
      }
      //在工装点检指导书中的操作
      if (this.typeTableUse===4){
        //是工装点检指导书中的编辑操作
        if (this.editBookType===1){
          this.titleUse='您正在编辑工装点检指导书'
          this.inputText1=_.cloneDeep(this.workBookScope.row.work)
          this.inputText2=_.cloneDeep(this.workBookScope.row.problem)
          this.inputNum=_.cloneDeep(this.workBookScope.row.spendTime)
          this.dialogVisibleText=true
        }
        //是要向下添加一条操作要领
        else if (this.editBookType===2){
          this.titleUse='您正在添加一条工装点检指导书内容'
          this.inputText1=''
          this.inputText2=''
          this.inputNum=0
          this.dialogVisibleText=true
        }
        //是工装点检指导书中的删除操作
        else if (this.editBookType===3){
          if (this.languageS==='chinese'){
            this.titleUse='您正在删除工装点检指导书的本条内容，点击“确定”删除'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are deleting this content. Click "OK" to delete it'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы удаляете этот контент. Нажмите "Подтвердить", чтобы удалить его'
          }
          this.inputText1=_.cloneDeep(this.workBookScope.row.work)
          this.inputText2=_.cloneDeep(this.workBookScope.row.problem)
          this.inputNum=_.cloneDeep(this.workBookScope.row.spendTime)
          this.dialogVisibleText=true
        }
        //*是插入图片的操作*/
        //是编辑照片的操作，包括添加、删除。
        else if (this.editBookType===4){
          if (this.languageS==='chinese'){
            this.titleUse='您正在编辑本行的图片信息'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are editing the image information of this line'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы редактируете информацию об изображении этой строки'
          }
          this.fileType='image/jpeg, image/png'
          //组合图片编辑列表的数据
          //组合照片的数据
          if (this.workBookScope.row.pictureList.includes('undefined')){
            //没有图片信息
            this.PictureList = []
          }
          else {
            this.PictureList = []
            const temp1 = this.workBookScope.row.pictureList.split('|*|')
            for (let i = 0; i < temp1.length - 1; i++) {
              let temp2 = {
                name: temp1[i],
                percentage: 0,
                raw: File,
                size: 0,
                status: null,
                uid: null,
                url: filepath + temp1[i]
              }
              this.PictureList.push(temp2)
            }
          }
          if (this.languageS==='chinese'){
            this.titleUse='您正在编辑本行的图片信息'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are editing the image information of this line'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы редактируете информацию об изображении этой строки'
          }
          this.fileType='image/jpeg, image/png'
          this.dialogPicture=true
        }
            /*是插入视频的操作*/
        //是编辑照片的操作，包括添加、删除。
        else if (this.editBookType===5){
          //组合视频的数据
          if (this.workBookScope.row.videoList.includes('undefined')){
            //没有视频信息
            this.videoList = []
          }
          else {
            this.videoList = []
            const temp1 = this.workBookScope.row.videoList.split('|*|')
            for (let i = 0; i < temp1.length - 1; i++) {
              let temp2 = {
                name: temp1[i],
                percentage: 0,
                raw: File,
                size: 0,
                status: null,
                uid: null,
                url: filepath + temp1[i]
              }
              this.videoList.push(temp2)
            }
          }
          this.fileType='video/mp4, video/x-matroska, video/quicktime, video/webm'
          if (this.languageS==='chinese'){
            this.titleUse='您正在编辑本行的视频信息'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are editing the video information of this line'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы редактируете видеоинформацию этой строки'
          }
          this.dialogVideo=true
        }
      }
      //在标准作业检查指导书中的操作
      if (this.typeTableUse===5){
        //是标准作业检查中的编辑操作
        if (this.editBookType===1){
          this.titleUse='您正在编辑标准作业检查'
          this.inputText1=_.cloneDeep(this.workBookScope.row.work)
          this.inputText2=_.cloneDeep(this.workBookScope.row.problem)
          this.inputNum=_.cloneDeep(this.workBookScope.row.spendTime)
          this.dialogVisibleText=true
        }
        //是要向下添加一条操作要领
        else if (this.editBookType===2){
          this.titleUse='您正在添加一条标准作业检查内容'
          this.inputText1=''
          this.inputText2=''
          this.inputNum=0
          this.dialogVisibleText=true
        }
        //是标准作业检查中的删除操作
        else if (this.editBookType===3){
          if (this.languageS==='chinese'){
            this.titleUse='您正在删除标准作业检查的本条内容，点击“确定”删除'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are deleting this content. Click "OK" to delete it'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы удаляете этот контент. Нажмите "Подтвердить", чтобы удалить его'
          }
          this.inputText1=_.cloneDeep(this.workBookScope.row.work)
          this.inputText2=_.cloneDeep(this.workBookScope.row.problem)
          this.inputNum=_.cloneDeep(this.workBookScope.row.spendTime)
          this.dialogVisibleText=true
        }
            //*是插入图片的操作*/
        //是编辑照片的操作，包括添加、删除。
        else if (this.editBookType===4){
          if (this.languageS==='chinese'){
            this.titleUse='您正在编辑本行的图片信息'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are editing the image information of this line'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы редактируете информацию об изображении этой строки'
          }
          this.fileType='image/jpeg, image/png'
          //组合图片编辑列表的数据
          //组合照片的数据
          if (this.workBookScope.row.pictureList.includes('undefined')){
            //没有图片信息
            this.PictureList = []
          }
          else {
            this.PictureList = []
            const temp1 = this.workBookScope.row.pictureList.split('|*|')
            for (let i = 0; i < temp1.length - 1; i++) {
              let temp2 = {
                name: temp1[i],
                percentage: 0,
                raw: File,
                size: 0,
                status: null,
                uid: null,
                url: filepath + temp1[i]
              }
              this.PictureList.push(temp2)
            }
          }
          if (this.languageS==='chinese'){
            this.titleUse='您正在编辑本行的图片信息'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are editing the image information of this line'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы редактируете информацию об изображении этой строки'
          }
          this.fileType='image/jpeg, image/png'
          this.dialogPicture=true
        }
            /*是插入视频的操作*/
        //是编辑照片的操作，包括添加、删除。
        else if (this.editBookType===5){
          //组合视频的数据
          if (this.workBookScope.row.videoList.includes('undefined')){
            //没有视频信息
            this.videoList = []
          }
          else {
            this.videoList = []
            const temp1 = this.workBookScope.row.videoList.split('|*|')
            for (let i = 0; i < temp1.length - 1; i++) {
              let temp2 = {
                name: temp1[i],
                percentage: 0,
                raw: File,
                size: 0,
                status: null,
                uid: null,
                url: filepath + temp1[i]
              }
              this.videoList.push(temp2)
            }
          }
          this.fileType='video/mp4, video/x-matroska, video/quicktime, video/webm'
          if (this.languageS==='chinese'){
            this.titleUse='您正在编辑本行的视频信息'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are editing the video information of this line'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы редактируете видеоинформацию этой строки'
          }
          this.dialogVideo=true
        }
      }
      //在量检具点检指导书中的操作
      if (this.typeTableUse===6){
        //是量检具点检指导书中的编辑操作
        if (this.editBookType===1){
          if (this.languageS==='chinese'){
            this.titleUse='您正在编辑量检具点检指导书'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are editing the Measuring Tools Check'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы редактируете Проверка измерительных инструментов'
          }
          this.inputText1=_.cloneDeep(this.workBookScope.row.work)
          this.inputText2=_.cloneDeep(this.workBookScope.row.problem)
          this.inputNum=_.cloneDeep(this.workBookScope.row.spendTime)
          this.dialogVisibleText=true
        }
        //是要向下添加一条操作要领
        else if (this.editBookType===2){
          if (this.languageS==='chinese'){
            this.titleUse='您正在添加一条量检具点检指导书内容'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are adding a piece of Measuring Tools Check'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы добавляете часть контента Проверка измерительных инструментов'
          }
          this.inputText1=''
          this.inputText2=''
          this.inputNum=0
          this.dialogVisibleText=true
        }
        //是量检具点检指导书中的删除操作
        else if (this.editBookType===3){
          if (this.languageS==='chinese'){
            this.titleUse='您正在删除量检具点检指导书的本条内容，点击“确定”删除'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are deleting this content. Click "OK" to delete it'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы удаляете этот контент. Нажмите "Подтвердить", чтобы удалить его'
          }
          this.inputText1=_.cloneDeep(this.workBookScope.row.work)
          this.inputText2=_.cloneDeep(this.workBookScope.row.problem)
          this.inputNum=_.cloneDeep(this.workBookScope.row.spendTime)
          this.dialogVisibleText=true
        }
            //*是插入图片的操作*/
        //是编辑照片的操作，包括添加、删除。
        else if (this.editBookType===4){
          if (this.languageS==='chinese'){
            this.titleUse='您正在编辑本行的图片信息'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are editing the image information of this line'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы редактируете информацию об изображении этой строки'
          }
          this.fileType='image/jpeg, image/png'
          //组合图片编辑列表的数据
          //组合照片的数据
          if (this.workBookScope.row.pictureList.includes('undefined')){
            //没有图片信息
            this.PictureList = []
          }
          else {
            this.PictureList = []
            const temp1 = this.workBookScope.row.pictureList.split('|*|')
            for (let i = 0; i < temp1.length - 1; i++) {
              let temp2 = {
                name: temp1[i],
                percentage: 0,
                raw: File,
                size: 0,
                status: null,
                uid: null,
                url: filepath + temp1[i]
              }
              this.PictureList.push(temp2)
            }
          }
          if (this.languageS==='chinese'){
            this.titleUse='您正在编辑本行的图片信息'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are editing the image information of this line'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы редактируете информацию об изображении этой строки'
          }
          this.fileType='image/jpeg, image/png'
          this.dialogPicture=true
        }
            /*是插入视频的操作*/
        //是编辑照片的操作，包括添加、删除。
        else if (this.editBookType===5){
          //组合视频的数据
          if (this.workBookScope.row.videoList.includes('undefined')){
            //没有视频信息
            this.videoList = []
          }
          else {
            this.videoList = []
            const temp1 = this.workBookScope.row.videoList.split('|*|')
            for (let i = 0; i < temp1.length - 1; i++) {
              let temp2 = {
                name: temp1[i],
                percentage: 0,
                raw: File,
                size: 0,
                status: null,
                uid: null,
                url: filepath + temp1[i]
              }
              this.videoList.push(temp2)
            }
          }
          this.fileType='video/mp4, video/x-matroska, video/quicktime, video/webm'
          if (this.languageS==='chinese'){
            this.titleUse='您正在编辑本行的视频信息'
          }
          else if (this.languageS==='english'){
            this.titleUse='You are editing the video information of this line'
          }
          else if (this.languageS==='russian'){
            this.titleUse='Вы редактируете видеоинформацию этой строки'
          }
          this.dialogVideo=true
        }
      }
    },
    //辅助函数：  编辑作业指导书的打包函数，是把作业指导书中所有的信息写入到同一个字段中的操作（编辑、删除、增加、增加图片、增加录像都有）
    saveEditWorkBooKData(){
      if (this.editBookType===1){
        // 是编辑作业指导书
        //判断是否设置了作业时间长度，如果没有，将强制输入
        if (this.inputNum==='' || this.inputNum===0){
          alert("工步时长未设置，请设置后提交")
          return ''; // 返回空字符串或错误信息
        }
        // 判断用户输入的数据是否为空,并组合新数据
        if (this.inputText1===''){
          this.inputText1='请编辑确认步骤'
        }
        if (this.inputText2===''){
          this.inputText2='请编辑失效模式'
        }
        // 组合成文本数据
        //向总数据中进行组合
        let temp=_.cloneDeep(this.workBook)
        temp[this.workBookScope.$index].work=this.inputText1
        temp[this.workBookScope.$index].problem=this.inputText2
        temp[this.workBookScope.$index].spendTime=this.inputNum
        //组合成文本数据
        /*组合作业指导书的内容   注：|*|：是分割语言的；
                                         |%|：是分割每一行中的字段的，具体为:
                                         work:工作步骤|%|
                                         problem:注意点说明|%|
                                         spendTime:需要时间|%|
                                         pictureList:图片列表|%|
                                         videoList:视频列表|%|
                                         |-|分割每一行的
                                         */
        let strTemp=''
        for (let i = 0; i < temp.length; i++) {
          let oneTemp=temp[i].work+'|%|'+temp[i].problem+'|%|'+temp[i].spendTime+'|%|'+temp[i].pictureList+'|%|'+temp[i].videoList+'|%|'+'|-|'
          strTemp=strTemp+oneTemp
        }
        //向后端发送信息
        //向后端发动数据，进行保存
        this.$request.post('editChangeModelField',{
          id:this.tableDataScope.row.id,
          fieldName:'workBook',
          fieldVal:strTemp,
          fieldValOld:this.tableDataScope.row.workBook,
          editUseName:this.useName
        })
            .then(result=>{
              if (result.code === 401) {
                this.$router.push('UserLogin')
                alert("您未登录，请登录")
              } else {
                this.dialogVisibleText=false
                //对新数据进行重新编辑
                //把数据进行分割
                const temp=result.data.split('|-|')
                //数据进行循环，并且进行组合
                //作业指导书的步骤组合
                this.workBook=[]
                for (let i = 0; i < temp.length-1; i++) {
                  const tempData=temp[i].split('|%|')
                  const tempWorkBook={
                    id:i,
                    work:tempData[0],//工作步骤
                    problem:tempData[1],//关注点
                    spendTime:tempData[2],//需要时间
                    pictureList:tempData[3],//图片列表
                    videoList:tempData[4]//视频列表
                  }
                  this.workBook.push(tempWorkBook)
                }
              }
            })
      }
      else if (this.editBookType===2){
        //是向下插入操作
        //判断是否设置了作业时间长度，如果没有，将强制输入
        if (this.inputNum==='' || this.inputNum===0){
          alert("工步时长未设置，请设置后提交")
          return ''; // 返回空字符串或错误信息
        }
        // 判断用户输入的数据是否为空,并组合新数据
        if (this.inputText1===''){
          this.inputText1='请编辑确认步骤'
        }
        if (this.inputText2===''){
          this.inputText2='请编辑失效模式'
        }
        let temp=_.cloneDeep(this.workBook)
        temp.splice(this.workBookScope.$index+1,0,
            {
              id:0,
              work:this.inputText1,
              problem:this.inputText2,
              spendTime:this.inputNum,//需要时间
              pictureList:'undefined|*|',//图片列表
              videoList:'undefined|*|'//视频列表
            })
        //组合成文本数据
        /*组合作业指导书的内容   注：|*|：是分割语言的；
                                         |%|：是分割每一行中的字段的，具体为:
                                         work:工作步骤|%|
                                         problem:注意点说明|%|
                                         spendTime:需要时间|%|
                                         pictureList:图片列表|%|
                                         videoList:视频列表|%|
                                         |-|分割每一行的
                                         */
        let strTemp=''
        for (let i = 0; i < temp.length; i++) {
          let oneTemp=temp[i].work+'|%|'+temp[i].problem+'|%|'+temp[i].spendTime+'|%|'+temp[i].pictureList+'|%|'+temp[i].videoList+'|%|'+'|-|'
          strTemp=strTemp+oneTemp
        }
        //向后端发送信息
        //向后端发动数据，进行保存
        this.$request.post('editChangeModelField',{
          id:this.tableDataScope.row.id,
          fieldName:'workBook',
          fieldVal:strTemp,
          fieldValOld:this.tableDataScope.row.workBook,
          editUseName:this.useName
        })
            .then(result=>{
              if (result.code === 401) {
                this.$router.push('UserLogin')
                alert("您未登录，请登录")
              } else {
                this.dialogVisibleText=false
                //对新数据进行重新编辑
                //把数据进行分割
                const temp=result.data.split('|-|')
                //数据进行循环，并且进行组合
                //作业指导书的步骤组合
                this.workBook=[]
                for (let i = 0; i < temp.length-1; i++) {
                  const tempData=temp[i].split('|%|')
                  const tempWorkBook={
                    id:i,
                    work:tempData[0],//工作步骤
                    problem:tempData[1],//关注点
                    spendTime:tempData[2],//需要时间
                    pictureList:tempData[3],//图片列表
                    videoList:tempData[4]//视频列表
                  }
                  this.workBook.push(tempWorkBook)
                }
              }
            })
      }
      else if (this.editBookType===3){
        //是删除操作
        //如果只有一条数据，不允许删除
        if (this.workBook.length===1){
          alert("只有一条数据，不允许删除")
          this.dialogVisibleText=false
          return
        }
        //向总数据中进行组合
        let temp=_.cloneDeep(this.workBook)
        temp.splice(this.workBookScope.$index,1)
        //组合成文本数据
        /*组合作业指导书的内容   注：|*|：是分割语言的；
                                         |%|：是分割每一行中的字段的，具体为:
                                         work:工作步骤|%|
                                         problem:注意点说明|%|
                                         spendTime:需要时间|%|
                                         pictureList:图片列表|%|
                                         videoList:视频列表|%|
                                         |-|分割每一行的
                                         */
        let strTemp=''
        for (let i = 0; i < temp.length; i++) {
          let oneTemp=temp[i].work+'|%|'+temp[i].problem+'|%|'+temp[i].spendTime+'|%|'+temp[i].pictureList+'|%|'+temp[i].videoList+'|%|'+'|-|'
          strTemp=strTemp+oneTemp
        }
        //向后端发送信息
        //向后端发动数据，进行保存
        this.$request.post('editChangeModelField',{
          id:this.tableDataScope.row.id,
          fieldName:'workBook',
          fieldVal:strTemp,
          fieldValOld:this.tableDataScope.row.workBook,
          editUseName:this.useName
        })
            .then(result=>{
              if (result.code === 401) {
                this.$router.push('UserLogin')
                alert("您未登录，请登录")
              } else {
                this.dialogVisibleText=false
                //对新数据进行重新编辑
                //把数据进行分割
                const temp=result.data.split('|-|')
                //数据进行循环，并且进行组合
                //作业指导书的步骤组合
                this.workBook=[]
                for (let i = 0; i < temp.length-1; i++) {
                  const tempData=temp[i].split('|%|')
                  const tempWorkBook={
                    id:i,
                    work:tempData[0],//工作步骤
                    problem:tempData[1],//关注点
                    spendTime:tempData[2],//需要时间
                    pictureList:tempData[3],//图片列表
                    videoList:tempData[4]//视频列表
                  }
                  this.workBook.push(tempWorkBook)
                }
              }
            })
      }
    },
    //编辑作业指导书，弹出的窗体点击确定
    saveDataTextTwo(){
      //是换刀作业指导书
      if (this.typeTableUse===1){
        this.saveEditWorkBooKData()
      }
      //是换型作业指导书
      else if (this.typeTableUse===2){
        this.saveEditWorkBooKData()
      }
      //是设备操作说明书
      else if (this.typeTableUse===3){
        this.saveEditWorkBooKData()
      }
      //是工装点检作业指导书
      else if (this.typeTableUse===4){
        this.saveEditWorkBooKData()
      }
      //是标准作业检查指导书
      else if (this.typeTableUse===5){
        this.saveEditWorkBooKData()
      }
      //是计量器具指导书
      else if (this.typeTableUse===6){
        this.saveEditWorkBooKData()
      }
    },
    //表头中编辑用到的辅助函数
    //编辑表头的函数，有：1：增加；2：修改；3：删除
    editTable(doe){
      if (this.typeTableUse===0){
        alert("请先选择作业指导书类型")
      }
      //做的是换刀作业指导书
      else if (this.typeTableUse===1){
        //把用户选择的是编辑/添加/删除  中的哪一项传递出去
        this.editTableUse=doe
        //是插入(新建）操作
        if (doe===1){
          //组合数据
          this.formTableData={
            //id主键
            id:'',
            //车间名称
            workshop:'',
            //线体名称
            lineName:'',
            //工序名称
            op:'',
            //文件名称
            fileName:'',
            // 版本号
            editionNum:'',
            //编制日期
            writeDate:'',
            //执行日期
            executeDate:'',
            //文件编号
            fileNum:'',
            //编制
            writeUse:'',
            //审核
            examineUse:'',
            //批准
            ratifyUse:'',
            //会签
            countersignUse:'',
            //作业指导书
            workBook:'',
            //图片附件
            BookImage:'',
            // 视频附件
            BookVideo:'',
            // 修改记录
            editRecord:'',
            //指导书类型
            bookType:'换刀作业',
          }
          this.titleUse='您正在插入一行《换刀作业指导书》'
          this.dialogTableHeader=true
        }
        //是编辑一个作业指导书
        else if (doe===2){
          if (this.workBook.length===0){
            alert("请选择一个指导书进行修改")
          }
          else {
            //是编辑，涉及到一个赋值，需要深度拷贝
            this.formTableData=_.cloneDeep(this.tableDataTemp)
            this.titleUse='您正在修改一行《换刀作业指导书》'
            //打开弹窗
            this.dialogTableHeader=true
          }
        }
        //是删除一个作业指导书
        else if (doe===3){
          if (this.workBook.length===0){
            alert("请选择一个指导书进行修改")
          }
          else {
            //是删除，涉及到一个赋值，需要深度拷贝
            this.formTableData=_.cloneDeep(this.tableDataTemp)
            this.titleUse='您正在删除一行《换刀作业指导书》'
            //打开弹窗
            this.dialogTableHeader=true
          }
        }
      }
      //做的是换型作业指导书
      else if (this.typeTableUse===2){
        //把用户选择的是编辑/添加/删除  中的哪一项传递出去
        this.editTableUse=doe
        //是插入操作（新增）
        if (doe===1){
          //组合数据
          this.formTableData={
            //id主键
            id:'',
            //车间名称
            workshop:'',
            //线体名称
            lineName:'',
            //工序名称
            op:'',
            //文件名称
            fileName:'',
            // 版本号
            editionNum:'',
            //编制日期
            writeDate:'',
            //执行日期
            executeDate:'',
            //文件编号
            fileNum:'',
            //编制
            writeUse:'',
            //审核
            examineUse:'',
            //批准
            ratifyUse:'',
            //会签
            countersignUse:'',
            //作业指导书
            workBook:'',
            //图片附件
            BookImage:'',
            // 视频附件
            BookVideo:'',
            // 修改记录
            editRecord:'',
            //指导书类型
            bookType:'换型作业',
          }
          this.titleUse='您正在插入一行《换型作业指导书》'
          this.dialogTableHeader=true
        }
        //是编辑操作
        else if (doe===2){
          if (this.workBook.length===0){
            alert("请选择一个指导书进行修改")
          }
          else {
            //是编辑工作，涉及到一个赋值，需要深度拷贝
            this.formTableData=_.cloneDeep(this.tableDataTemp)
            this.titleUse='您正在修改一行《换型作业指导书》'
            //打开弹窗
            this.dialogTableHeader=true
          }
        }
        //是删除操作
        else if (doe===3){
          if (this.workBook.length===0){
            alert("请选择一个指导书进行修改")
          }
          else {
            //是删除，涉及到一个赋值，需要深度拷贝
            this.formTableData=_.cloneDeep(this.tableDataTemp)
            this.titleUse='您正在删除一行《换型作业指导书》'
            //打开弹窗
            this.dialogTableHeader=true
          }
        }
      }
      //是设备操作说明书
      else if (this.typeTableUse===3){
        //做的是设备操作说明书,
        //把用户选择的是编辑/添加/删除  中的哪一项传递出去
        this.editTableUse=doe
        //是插入操作
        if (doe===1){
          //是插入操作，组合数据
          this.formTableData={
            //id主键
            id:'',
            //车间名称
            workshop:'',
            //线体名称
            lineName:'',
            //工序名称
            op:'',
            //文件名称
            fileName:'',
            // 版本号
            editionNum:'',
            //编制日期
            writeDate:'',
            //执行日期
            executeDate:'',
            //文件编号
            fileNum:'',
            //编制
            writeUse:'',
            //审核
            examineUse:'',
            //批准
            ratifyUse:'',
            //会签
            countersignUse:'',
            //作业指导书
            workBook:'',
            //图片附件
            BookImage:'',
            // 视频附件
            BookVideo:'',
            // 修改记录
            editRecord:'',
            //指导书类型
            bookType:'设备操作说明书',
          }
          this.titleUse='您正在插入一行《设备操作说明书》'
          this.dialogTableHeader=true
        }
        //是编辑操作
        else if (doe===2){
          if (this.workBook.length===0){
            alert("请选择一个指导书进行修改")
          }
          else {
            //是编辑工作，涉及到一个赋值，需要深度拷贝
            this.formTableData=_.cloneDeep(this.tableDataTemp)
            this.titleUse='您正在修改一行《设备操作说明书》'
            //打开弹窗
            this.dialogTableHeader=true
          }
        }
        //是删除操作
        else if (doe===3){
          if (this.workBook.length===0){
            alert("请选择一个指导书进行修改")
          }
          else {
            //是删除，涉及到一个赋值，需要深度拷贝
            this.formTableData=_.cloneDeep(this.tableDataTemp)
            this.titleUse='您正在删除一行《设备操作说明书》'
            //打开弹窗
            this.dialogTableHeader=true
          }
        }
      }
      //做的是工装作业指导书
      else if (this.typeTableUse===4){
        //编辑的是工装作业指导书
        //把用户选择的是编辑/添加/删除  中的哪一项传递出去
        this.editTableUse=doe
        //是插入操作
        if (doe===1){
          //是插入操作，组合数据
          this.formTableData={
            //id主键
            id:'',
            //车间名称
            workshop:'',
            //线体名称
            lineName:'',
            //工序名称
            op:'',
            //文件名称
            fileName:'',
            // 版本号
            editionNum:'',
            //编制日期
            writeDate:'',
            //执行日期
            executeDate:'',
            //文件编号
            fileNum:'',
            //编制
            writeUse:'',
            //审核
            examineUse:'',
            //批准
            ratifyUse:'',
            //会签
            countersignUse:'',
            //作业指导书
            workBook:'',
            //图片附件
            BookImage:'',
            // 视频附件
            BookVideo:'',
            // 修改记录
            editRecord:'',
            //指导书类型
            bookType:'工装点检',
          }
          this.titleUse='您正在插入一行《工装点检指导书》'
          this.dialogTableHeader=true
        }
        //是编辑操作
        else if (doe===2){
          if (this.workBook.length===0){
            alert("请选择一个指导书类别进行修改")
          }
          else {
            //是编辑工作，涉及到一个赋值，需要深度拷贝
            this.formTableData=_.cloneDeep(this.tableDataTemp)
            this.titleUse='您正在修改一行《工装点检指导书》'
            //打开弹窗
            this.dialogTableHeader=true
          }
        }
        //是删除操作
        else if (doe===3){
          if (this.workBook.length===0){
            alert("请选择一个指导书进行修改")
          }
          else {
            //是删除，涉及到一个赋值，需要深度拷贝
            this.formTableData=_.cloneDeep(this.tableDataTemp)
            this.titleUse='您正在删除一行《工装点击指导书》'
            //打开弹窗
            this.dialogTableHeader=true
          }
        }
      }
      //做的是标准作业检查作业指导书
      else if (this.typeTableUse===5){
        //编辑的是标准作业检查指导书
        //把用户选择的是编辑/添加/删除  中的哪一项传递出去
        this.editTableUse=doe
        //是插入操作
        if (doe===1){
          //是插入操作，组合数据
          this.formTableData={
            //id主键
            id:'',
            //车间名称
            workshop:'',
            //线体名称
            lineName:'',
            //工序名称
            op:'',
            //文件名称
            fileName:'',
            // 版本号
            editionNum:'',
            //编制日期
            writeDate:'',
            //执行日期
            executeDate:'',
            //文件编号
            fileNum:'',
            //编制
            writeUse:'',
            //审核
            examineUse:'',
            //批准
            ratifyUse:'',
            //会签
            countersignUse:'',
            //作业指导书
            workBook:'',
            //图片附件
            BookImage:'',
            // 视频附件
            BookVideo:'',
            // 修改记录
            editRecord:'',
            //指导书类型
            bookType:'标准作业检查',
          }
          this.titleUse='您正在插入一行《标准作业检查指导书》'
          this.dialogTableHeader=true
        }
        //是编辑操作
        else if (doe===2){
          if (this.workBook.length===0){
            alert("请选择一个指导书类别进行修改")
          }
          else {
            //是编辑工作，涉及到一个赋值，需要深度拷贝
            this.formTableData=_.cloneDeep(this.tableDataTemp)
            this.titleUse='您正在修改一行《标准作业检查指导书》'
            //打开弹窗
            this.dialogTableHeader=true
          }
        }
        //是删除操作
        else if (doe===3){
          if (this.workBook.length===0){
            alert("请选择一个指导书进行修改")
          }
          else {
            //是删除，涉及到一个赋值，需要深度拷贝
            this.formTableData=_.cloneDeep(this.tableDataTemp)
            this.titleUse='您正在删除一行《标准作业检查指导书》'
            //打开弹窗
            this.dialogTableHeader=true
          }
        }
      }
      //做的是量检具点检指导书
      else if (this.typeTableUse===6){
        //编辑的是标准作业检查指导书
        //把用户选择的是编辑/添加/删除  中的哪一项传递出去
        this.editTableUse=doe
        //是插入操作
        if (doe===1){
          //是插入操作，组合数据
          this.formTableData={
            //id主键
            id:'',
            //车间名称
            workshop:'',
            //线体名称
            lineName:'',
            //工序名称
            op:'',
            //文件名称
            fileName:'',
            // 版本号
            editionNum:'',
            //编制日期
            writeDate:'',
            //执行日期
            executeDate:'',
            //文件编号
            fileNum:'',
            //编制
            writeUse:'',
            //审核
            examineUse:'',
            //批准
            ratifyUse:'',
            //会签
            countersignUse:'',
            //作业指导书
            workBook:'',
            //图片附件
            BookImage:'',
            // 视频附件
            BookVideo:'',
            // 修改记录
            editRecord:'',
            //指导书类型
            bookType:'量检具点检',
          }
          this.titleUse='您正在插入一行《量检具点检指导书》'
          this.dialogTableHeader=true
        }
        //是编辑操作
        else if (doe===2){
          if (this.workBook.length===0){
            alert("请选择一个指导书类别进行修改")
          }
          else {
            //是编辑工作，涉及到一个赋值，需要深度拷贝
            this.formTableData=_.cloneDeep(this.tableDataTemp)
            this.titleUse='您正在修改一行《量检具点检指导书》'
            //打开弹窗
            this.dialogTableHeader=true
          }
        }
        //是删除操作
        else if (doe===3){
          if (this.workBook.length===0){
            alert("请选择一个指导书进行修改")
          }
          else {
            //是删除，涉及到一个赋值，需要深度拷贝
            this.formTableData=_.cloneDeep(this.tableDataTemp)
            this.titleUse='您正在删除一行《量检具点检指导书》'
            //打开弹窗
            this.dialogTableHeader=true
          }
        }
      }
    },
    //表头弹窗中的确认的弹窗，带头数据校验的
    onSubmit(doe,formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          //现在是对刀具作业指导书进行添加/修改/删除,doe接收的是用户现在了操作类型：1.插入；2.编辑；3.删除
          if (this.typeTableUse===1){
            //新建作业指导书
            if (doe===1){
              //现在是新建一个指导书
              /*组合数据*/
              //组合相关人员的标记
              this.formTableData.ratifyUse=this.formTableData.ratifyUse+'/指定'
              this.formTableData.examineUse=this.formTableData.examineUse+'/指定'
              this.formTableData.countersignUse=this.formTableData.countersignUse+'/指定'
              //组合两个时间的数据，编制时间，执行时间
              let date=new Date(this.formTableData.writeDate)
              let year = date.getFullYear().toString().padStart(4, '0');
              let month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              let day = date.getDate().toString().padStart(2, '0');
              this.formTableData.writeDate=`${year}-${month}-${day}`

              date=new  Date(this.formTableData.executeDate)
              year = date.getFullYear().toString().padStart(4, '0');
              month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              day = date.getDate().toString().padStart(2, '0');
              this.formTableData.executeDate=`${year}-${month}-${day}`

              //固定版本号，限定为1
              this.formTableData.editionNum=1
              //组合编制人
              this.formTableData.writeUse=this.useName
              //组合删除标记位
              this.formTableData.deleteSign=1

              //组合作业指导书的内容
              /*组合作业指导书的内容   注：|*|：是分割语言的；
                                                     |%|：是分割每一行中的字段的，具体为:
                                                     工作步骤|%|
                                                     注意点说明|%|
                                                     需要时间|%|
                                                     图片列表|%|
                                                     视频列表|%|
                                                     |-|分割每一行的
             */
              this.formTableData.workBook='请编辑内容|*|Please edit the content|*|Пожалуйста, отредактируйте содержимое|%|请编辑内容|*|Please edit the content|*|Пожалуйста, отредактируйте содержимое|%|0|%|undefined|*||%|undefined|*||%||-|'

              //向后端发送请求，插入数据
              this.$request.post('insertChangeModel',this.formTableData).then(result=>{
                if (result.code === 401) {
                  this.$router.push('UserLogin')
                  alert("您未登录，请登录")
                } else {
                  alert("插入成功")
                  //进行数据赋值
                  this.tableData.push(this.formTableData)
                  this.tableDataTemp=_.cloneDeep(this.formTableData)
                  this.dialogTableHeader=false
                }
              })
            }
            //编辑作业指导书表头
            else if (doe===2){
              //是编辑操作
              /*组合数据*/
              //组合相关人员的标记,重新设定编审批的内容
              this.formTableData.ratifyUse=this.formTableData.ratifyUse.replace(/\/指定/g,'')
              this.formTableData.examineUse=this.formTableData.examineUse.replace(/\/指定/g,'')
              this.formTableData.countersignUse=this.formTableData.countersignUse.replace(/\/指定/g,'')
              this.formTableData.ratifyUse=this.formTableData.ratifyUse+'/指定'
              this.formTableData.examineUse=this.formTableData.examineUse+'/指定'
              this.formTableData.countersignUse=this.formTableData.countersignUse+'/指定'
              //组合两个时间的数据，编制时间，执行时间
              let date=new Date(this.formTableData.writeDate)
              let year = date.getFullYear().toString().padStart(4, '0');
              let month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              let day = date.getDate().toString().padStart(2, '0');
              this.formTableData.writeDate=`${year}-${month}-${day}`

              date=new  Date(this.formTableData.executeDate)
              year = date.getFullYear().toString().padStart(4, '0');
              month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              day = date.getDate().toString().padStart(2, '0');
              this.formTableData.executeDate=`${year}-${month}-${day}`

              //固定版本号，限定为1
              this.formTableData.editionNum=1
              //组合编制人
              this.formTableData.writeUse=this.useName

              this.$request.post('/editChangeModelTable',this.formTableData).then(result=>{
                if (result.code === 401) {
                  this.$router.push('UserLogin')
                  alert("您未登录，请登录")
                } else {
                  //数据赋值
                  //进行数据赋值
                  this.tableData[this.tableDataScope.$index]=this.formTableData
                  this.tableDataTemp=_.cloneDeep(this.formTableData)
                  this.dialogTableHeader=false;
                  alert("修改成功")
                }
              })
            }
            //删除作业指导书
            else if (doe===3){
              //是删除操作，用修改一个字段的形式实现，但是这个是根据id修改一个int类型的。
              this.$request.post('editChangeModelFieldInt',{
                id:this.tableDataScope.row.id,
                fieldName:'deleteSign',
                fieldVal:0,
              }).then(result=>{
                if (result.code === 401) {
                  this.$router.push('UserLogin')
                  alert("您未登录，请登录")
                } else {
                  //组合数据
                  //删除大表中的内容
                  this.tableData.splice(this.tableDataScope.$index,1);
                  this.tableDataTemp={
                    //id主键
                    id:'',
                    //车间名称
                    workshop:'',
                    //线体名称
                    lineName:'',
                    //工序名称
                    op:'',
                    //文件名称
                    fileName:'',
                    // 版本号
                    editionNum:'',
                    //编制日期
                    writeDate:'',
                    //执行日期
                    executeDate:'',
                    //文件编号
                    fileNum:'',
                    //编制
                    writeUse:'',
                    //审核
                    examineUse:'',
                    //批准
                    ratifyUse:'',
                    //会签
                    countersignUse:'',
                    //作业指导书
                    workBook:'',
                    //图片附件
                    BookImage:'',
                    // 视频附件
                    BookVideo:'',
                    // 修改记录
                    editRecord:'',
                    //指导书类型
                    bookType:'',
                    //删除标记位
                    deleteSign:'',
                    //创建时间
                    establishTime:'',
                    //修改时间
                    UpdateTime:'',
                  }
                  this.workBook=[]
                  this.tableDataScope=null
                  this.dialogTableHeader=false
                }
              })
            }
          }
          //现在是对换型作业指导书进行添加/修改/删除,doe接收的是用户现在了操作类型：1.插入；2.编辑；3.删除
          else if (this.typeTableUse===2){
            //新建文件
            if (doe===1){
              //现在是新建一个指导书
              /*组合数据*/
              //组合相关人员的标记
              this.formTableData.ratifyUse=this.formTableData.ratifyUse+'/指定'
              this.formTableData.examineUse=this.formTableData.examineUse+'/指定'
              this.formTableData.countersignUse=this.formTableData.countersignUse+'/指定'
              //组合两个时间的数据，编制时间，执行时间
              let date=new Date(this.formTableData.writeDate)
              let year = date.getFullYear().toString().padStart(4, '0');
              let month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              let day = date.getDate().toString().padStart(2, '0');
              this.formTableData.writeDate=`${year}-${month}-${day}`

              date=new  Date(this.formTableData.executeDate)
              year = date.getFullYear().toString().padStart(4, '0');
              month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              day = date.getDate().toString().padStart(2, '0');
              this.formTableData.executeDate=`${year}-${month}-${day}`

              //固定版本号，限定为1
              this.formTableData.editionNum=1
              //组合编制人
              this.formTableData.writeUse=this.useName
              //组合删除标记位
              this.formTableData.deleteSign=1

              //组合作业指导书的内容
              /*组合作业指导书的内容   注：|*|：是分割语言的；
                                                     |%|：是分割每一行中的字段的，具体为:
                                                     工作步骤|%|
                                                     注意点说明|%|
                                                     需要时间|%|
                                                     图片列表|%|
                                                     视频列表|%|
                                                     |-|分割每一行的
             */
              this.formTableData.workBook='请编辑内容|*|Please edit the content|*|Пожалуйста, отредактируйте содержимое|%|请编辑内容|*|Please edit the content|*|Пожалуйста, отредактируйте содержимое|%|0|%|undefined|*||%|undefined|*||%||-|'

              //向后端发送请求，插入数据
              this.$request.post('insertChangeModel',this.formTableData).then(result=>{
                if (result.code === 401) {
                  this.$router.push('UserLogin')
                  alert("您未登录，请登录")
                } else {
                  alert("插入成功")
                  //进行数据赋值
                  this.tableData.push(this.formTableData)
                  this.tableDataTemp=_.cloneDeep(this.formTableData)
                  this.dialogTableHeader=false
                }
              })
            }
            //编辑文件
            else if (doe===2){
              /*组合数据*/
              //组合相关人员的标记,重新设定编审批的内容
              this.formTableData.ratifyUse=this.formTableData.ratifyUse.replace(/\/指定/g,'')
              this.formTableData.examineUse=this.formTableData.examineUse.replace(/\/指定/g,'')
              this.formTableData.countersignUse=this.formTableData.countersignUse.replace(/\/指定/g,'')
              this.formTableData.ratifyUse=this.formTableData.ratifyUse+'/指定'
              this.formTableData.examineUse=this.formTableData.examineUse+'/指定'
              this.formTableData.countersignUse=this.formTableData.countersignUse+'/指定'
              //组合两个时间的数据，编制时间，执行时间
              let date=new Date(this.formTableData.writeDate)
              let year = date.getFullYear().toString().padStart(4, '0');
              let month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              let day = date.getDate().toString().padStart(2, '0');
              this.formTableData.writeDate=`${year}-${month}-${day}`

              date=new  Date(this.formTableData.executeDate)
              year = date.getFullYear().toString().padStart(4, '0');
              month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              day = date.getDate().toString().padStart(2, '0');
              this.formTableData.executeDate=`${year}-${month}-${day}`
              //固定版本号，限定为1
              this.formTableData.editionNum=1
              //组合编制人
              this.formTableData.writeUse=this.useName
              this.$request.post('/editChangeModelTable',this.formTableData).then(result=>{
                if (result.code === 401) {
                  this.$router.push('UserLogin')
                  alert("您未登录，请登录")
                } else {
                  //数据赋值
                  //进行数据赋值
                  this.tableData[this.tableDataScope.$index]=this.formTableData
                  this.tableDataTemp=_.cloneDeep(this.formTableData)
                  this.dialogTableHeader=false;
                  alert("修改成功")
                }
              })
            }
            //删除文件
            else if (doe===3){
              //是删除操作，用修改一个字段的形式实现，但是这个是根据id修改一个int类型的。
              this.$request.post('editChangeModelFieldInt',{
                id:this.tableDataScope.row.id,
                fieldName:'deleteSign',
                fieldVal:0,
              }).then(result=>{
                if (result.code === 401) {
                  this.$router.push('UserLogin')
                  alert("您未登录，请登录")
                } else {
                  //组合数据
                  //删除大表中的内容
                  this.tableData.splice(this.tableDataScope.$index,1);
                  this.tableDataTemp={
                    //id主键
                    id:'',
                    //车间名称
                    workshop:'',
                    //线体名称
                    lineName:'',
                    //工序名称
                    op:'',
                    //文件名称
                    fileName:'',
                    // 版本号
                    editionNum:'',
                    //编制日期
                    writeDate:'',
                    //执行日期
                    executeDate:'',
                    //文件编号
                    fileNum:'',
                    //编制
                    writeUse:'',
                    //审核
                    examineUse:'',
                    //批准
                    ratifyUse:'',
                    //会签
                    countersignUse:'',
                    //作业指导书
                    workBook:'',
                    //图片附件
                    BookImage:'',
                    // 视频附件
                    BookVideo:'',
                    // 修改记录
                    editRecord:'',
                    //指导书类型
                    bookType:'',
                    //删除标记位
                    deleteSign:'',
                    //创建时间
                    establishTime:'',
                    //修改时间
                    UpdateTime:'',
                  }
                  this.workBook=[]
                  this.tableDataScope=null
                  this.dialogTableHeader=false
                }
              })
            }
          }
          //现在是对换型作业指导书进行添加/修改/删除,doe接收的是用户现在了操作类型：1.插入；2.编辑；3.删除;
          else if (this.typeTableUse===3){
            //新建文件
            if (doe===1){
              //现在是新建一个指导书
              /*组合数据*/
              //组合相关人员的标记
              this.formTableData.ratifyUse=this.formTableData.ratifyUse+'/指定'
              this.formTableData.examineUse=this.formTableData.examineUse+'/指定'
              this.formTableData.countersignUse=this.formTableData.countersignUse+'/指定'
              //组合两个时间的数据，编制时间，执行时间
              let date=new Date(this.formTableData.writeDate)
              let year = date.getFullYear().toString().padStart(4, '0');
              let month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              let day = date.getDate().toString().padStart(2, '0');
              this.formTableData.writeDate=`${year}-${month}-${day}`

              date=new  Date(this.formTableData.executeDate)
              year = date.getFullYear().toString().padStart(4, '0');
              month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              day = date.getDate().toString().padStart(2, '0');
              this.formTableData.executeDate=`${year}-${month}-${day}`

              //固定版本号，限定为1
              this.formTableData.editionNum=1
              //组合编制人
              this.formTableData.writeUse=this.useName
              //组合删除标记位
              this.formTableData.deleteSign=1

              /*组合作业指导书的内容   注：|*|：是分割语言的；
                                                     |%|：是分割每一行中的字段的，具体为:
                                                     工作步骤|%|
                                                     注意点说明|%|
                                                     需要时间|%|
                                                     图片列表|%|
                                                     视频列表|%|
                                                     |-|分割每一行的
             */
              this.formTableData.workBook='请编辑内容|*|Please edit the content|*|Пожалуйста, отредактируйте содержимое|%|请编辑内容|*|Please edit the content|*|Пожалуйста, отредактируйте содержимое|%|0|%|undefined|*||%|undefined|*||%||-|'

              //向后端发送请求，插入数据
              this.$request.post('insertChangeModel',this.formTableData).then(result=>{
                if (result.code === 401) {
                  this.$router.push('UserLogin')
                  alert("您未登录，请登录")
                } else {
                  alert("插入成功")
                  //进行数据赋值
                  this.tableData.push(this.formTableData)
                  this.tableDataTemp=_.cloneDeep(this.formTableData)
                  this.dialogTableHeader=false
                }
              })
            }
            //编辑文件
            else if (doe===2){
              /*组合数据*/
              //组合相关人员的标记,重新设定编审批的内容
              this.formTableData.ratifyUse=this.formTableData.ratifyUse.replace(/\/指定/g,'')
              this.formTableData.examineUse=this.formTableData.examineUse.replace(/\/指定/g,'')
              this.formTableData.countersignUse=this.formTableData.countersignUse.replace(/\/指定/g,'')
              this.formTableData.ratifyUse=this.formTableData.ratifyUse+'/指定'
              this.formTableData.examineUse=this.formTableData.examineUse+'/指定'
              this.formTableData.countersignUse=this.formTableData.countersignUse+'/指定'
              //组合两个时间的数据，编制时间，执行时间
              let date=new Date(this.formTableData.writeDate)
              let year = date.getFullYear().toString().padStart(4, '0');
              let month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              let day = date.getDate().toString().padStart(2, '0');
              this.formTableData.writeDate=`${year}-${month}-${day}`

              date=new  Date(this.formTableData.executeDate)
              year = date.getFullYear().toString().padStart(4, '0');
              month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              day = date.getDate().toString().padStart(2, '0');
              this.formTableData.executeDate=`${year}-${month}-${day}`
              //固定版本号，限定为1
              this.formTableData.editionNum=1
              //组合编制人
              this.formTableData.writeUse=this.useName
              this.$request.post('/editChangeModelTable',this.formTableData).then(result=>{
                if (result.code === 401) {
                  this.$router.push('UserLogin')
                  alert("您未登录，请登录")
                } else {
                  //数据赋值
                  //进行数据赋值
                  this.tableData[this.tableDataScope.$index]=this.formTableData
                  this.tableDataTemp=_.cloneDeep(this.formTableData)
                  this.dialogTableHeader=false;
                  alert("修改成功")
                }
              })
            }
            //删除文件
            else if (doe===3){
              //是删除操作，用修改一个字段的形式实现，但是这个是根据id修改一个int类型的。
              this.$request.post('editChangeModelFieldInt',{
                id:this.tableDataScope.row.id,
                fieldName:'deleteSign',
                fieldVal:0,
              })
                  .then(result=>{
                    if (result.code === 401) {
                      this.$router.push('UserLogin')
                      alert("您未登录，请登录")
                    } else {
                      //组合数据
                      //删除大表中的内容
                      this.tableData.splice(this.tableDataScope.$index,1);
                      this.tableDataTemp={
                        //id主键
                        id:'',
                        //车间名称
                        workshop:'',
                        //线体名称
                        lineName:'',
                        //工序名称
                        op:'',
                        //文件名称
                        fileName:'',
                        // 版本号
                        editionNum:'',
                        //编制日期
                        writeDate:'',
                        //执行日期
                        executeDate:'',
                        //文件编号
                        fileNum:'',
                        //编制
                        writeUse:'',
                        //审核
                        examineUse:'',
                        //批准
                        ratifyUse:'',
                        //会签
                        countersignUse:'',
                        //作业指导书
                        workBook:'',
                        //图片附件
                        BookImage:'',
                        // 视频附件
                        BookVideo:'',
                        // 修改记录
                        editRecord:'',
                        //指导书类型
                        bookType:'',
                        //删除标记位
                        deleteSign:'',
                        //创建时间
                        establishTime:'',
                        //修改时间
                        UpdateTime:'',
                      }
                      this.workBook=[]
                      this.tableDataScope=null
                      this.dialogTableHeader=false
                    }
                  })
            }
          }
          //现在是对工装作业指导书进行添加/修改/删除,doe接收的是用户现在了操作类型：1.插入；2.编辑；3.删除;
          else if (this.typeTableUse===4){
            //新建文件
            if (doe===1){
              //是插入操作，在工装作业指导书中
              /*组合数据*/
              //组合相关人员的标记
              this.formTableData.ratifyUse=this.formTableData.ratifyUse+'/指定'
              this.formTableData.examineUse=this.formTableData.examineUse+'/指定'
              this.formTableData.countersignUse=this.formTableData.countersignUse+'/指定'
              //组合两个时间的数据，编制时间，执行时间
              let date=new Date(this.formTableData.writeDate)
              let year = date.getFullYear().toString().padStart(4, '0');
              let month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              let day = date.getDate().toString().padStart(2, '0');
              this.formTableData.writeDate=`${year}-${month}-${day}`

              date=new  Date(this.formTableData.executeDate)
              year = date.getFullYear().toString().padStart(4, '0');
              month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              day = date.getDate().toString().padStart(2, '0');
              this.formTableData.executeDate=`${year}-${month}-${day}`

              //固定版本号，限定为1
              this.formTableData.editionNum=1
              //组合编制人
              this.formTableData.writeUse=this.useName
              //组合删除标记位
              this.formTableData.deleteSign=1

              /*组合作业指导书的内容   注：|*|：是分割语言的；
                                       |%|：是分割每一行中的字段的，具体为:
                                       工作步骤|%|
                                       注意点说明|%|
                                       需要时间|%|
                                       图片列表|%|
                                       视频列表|%|
                                       |-|分割每一行的
                                       */
              this.formTableData.workBook='请编辑内容|*|Please edit the content|*|Пожалуйста, отредактируйте содержимое|%|请编辑内容|*|Please edit the content|*|Пожалуйста, отредактируйте содержимое|%|0|%|undefined|*||%|undefined|*||%||-|'
              //向后端发送数据，进行插入操作。
              //向后端发送请求，插入数据
              this.$request.post('insertChangeModel',this.formTableData).then(result=>{
                if (result.code === 401) {
                  this.$router.push('UserLogin')
                  alert("您未登录，请登录")
                } else {
                  alert("插入成功")
                  //进行数据赋值
                  this.tableData.push(this.formTableData)
                  this.tableDataTemp=_.cloneDeep(this.formTableData)
                  //工作步骤进行赋值
                  let tempWorkBook=this.formTableData.workBook.split('|-|')
                  this.workBook=tempWorkBook[0].split('|%|')
                  this.dialogTableHeader=false
                }
              })
            }
            //是编辑操作
            else if (doe===2){
              /*组合数据*/
              //组合相关人员的标记,重新设定编审批的内容
              this.formTableData.ratifyUse=this.formTableData.ratifyUse.replace(/\/指定/g,'')
              this.formTableData.examineUse=this.formTableData.examineUse.replace(/\/指定/g,'')
              this.formTableData.countersignUse=this.formTableData.countersignUse.replace(/\/指定/g,'')
              this.formTableData.ratifyUse=this.formTableData.ratifyUse+'/指定'
              this.formTableData.examineUse=this.formTableData.examineUse+'/指定'
              this.formTableData.countersignUse=this.formTableData.countersignUse+'/指定'
              //组合两个时间的数据，编制时间，执行时间
              let date=new Date(this.formTableData.writeDate)
              let year = date.getFullYear().toString().padStart(4, '0');
              let month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              let day = date.getDate().toString().padStart(2, '0');
              this.formTableData.writeDate=`${year}-${month}-${day}`

              date=new  Date(this.formTableData.executeDate)
              year = date.getFullYear().toString().padStart(4, '0');
              month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              day = date.getDate().toString().padStart(2, '0');
              this.formTableData.executeDate=`${year}-${month}-${day}`
              //固定版本号，限定为1
              this.formTableData.editionNum=1
              //组合编制人
              this.formTableData.writeUse=this.useName
              this.$request.post('/editChangeModelTable',this.formTableData).then(result=>{
                if (result.code === 401) {
                  this.$router.push('UserLogin')
                  alert("您未登录，请登录")
                } else {
                  //数据赋值
                  //进行数据赋值
                  this.tableData[this.tableDataScope.$index]=this.formTableData
                  this.tableDataTemp=_.cloneDeep(this.formTableData)
                  this.dialogTableHeader=false;
                  alert("修改成功")
                }
              })
            }
            //是删除操作
            else if (doe===3){
              //是删除操作，用修改一个字段的形式实现，但是这个是根据id修改一个int类型的。
              this.$request.post('editChangeModelFieldInt',{
                id:this.tableDataScope.row.id,
                fieldName:'deleteSign',
                fieldVal:0,
              })
                  .then(result=>{
                    if (result.code === 401) {
                      this.$router.push('UserLogin')
                      alert("您未登录，请登录")
                    } else {
                      //组合数据
                      //删除大表中的内容
                      this.tableData.splice(this.tableDataScope.$index,1);
                      this.tableDataTemp={
                        //id主键
                        id:'',
                        //车间名称
                        workshop:'',
                        //线体名称
                        lineName:'',
                        //工序名称
                        op:'',
                        //文件名称
                        fileName:'',
                        // 版本号
                        editionNum:'',
                        //编制日期
                        writeDate:'',
                        //执行日期
                        executeDate:'',
                        //文件编号
                        fileNum:'',
                        //编制
                        writeUse:'',
                        //审核
                        examineUse:'',
                        //批准
                        ratifyUse:'',
                        //会签
                        countersignUse:'',
                        //作业指导书
                        workBook:'',
                        //图片附件
                        BookImage:'',
                        // 视频附件
                        BookVideo:'',
                        // 修改记录
                        editRecord:'',
                        //指导书类型
                        bookType:'',
                        //删除标记位
                        deleteSign:'',
                        //创建时间
                        establishTime:'',
                        //修改时间
                        UpdateTime:'',
                      }
                      this.workBook=[]
                      this.tableDataScope=null
                      this.dialogTableHeader=false
                    }
                  })
            }
          }
          //现在是对工装作业指导书进行添加/修改/删除,doe接收的是用户现在了操作类型：1.插入；2.编辑；3.删除;
          else if (this.typeTableUse===5){
            //新建文件
            if (doe===1){
              //是插入操作，在工装作业指导书中
              /*组合数据*/
              //组合相关人员的标记
              this.formTableData.ratifyUse=this.formTableData.ratifyUse+'/指定'
              this.formTableData.examineUse=this.formTableData.examineUse+'/指定'
              this.formTableData.countersignUse=this.formTableData.countersignUse+'/指定'
              //组合两个时间的数据，编制时间，执行时间
              let date=new Date(this.formTableData.writeDate)
              let year = date.getFullYear().toString().padStart(4, '0');
              let month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              let day = date.getDate().toString().padStart(2, '0');
              this.formTableData.writeDate=`${year}-${month}-${day}`

              date=new  Date(this.formTableData.executeDate)
              year = date.getFullYear().toString().padStart(4, '0');
              month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              day = date.getDate().toString().padStart(2, '0');
              this.formTableData.executeDate=`${year}-${month}-${day}`

              //固定版本号，限定为1
              this.formTableData.editionNum=1
              //组合编制人
              this.formTableData.writeUse=this.useName
              //组合删除标记位
              this.formTableData.deleteSign=1

              /*组合作业指导书的内容   注：|*|：是分割语言的；
                                       |%|：是分割每一行中的字段的，具体为:
                                       工作步骤|%|
                                       注意点说明|%|
                                       需要时间|%|
                                       图片列表|%|
                                       视频列表|%|
                                       |-|分割每一行的
                                       */
              this.formTableData.workBook='请编辑内容|*|Please edit the content|*|Пожалуйста, отредактируйте содержимое|%|请编辑内容|*|Please edit the content|*|Пожалуйста, отредактируйте содержимое|%|0|%|undefined|*||%|undefined|*||%||-|'
              //向后端发送数据，进行插入操作。
              //向后端发送请求，插入数据
              this.$request.post('insertChangeModel',this.formTableData).then(result=>{
                if (result.code === 401) {
                  this.$router.push('UserLogin')
                  alert("您未登录，请登录")
                } else {
                  alert("插入成功")
                  //进行数据赋值
                  this.tableData.push(this.formTableData)
                  this.tableDataTemp=_.cloneDeep(this.formTableData)
                  //工作步骤进行赋值
                  let tempWorkBook=this.formTableData.workBook.split('|-|')
                  this.workBook=tempWorkBook[0].split('|%|')
                  this.dialogTableHeader=false
                }
              })
            }
            //是编辑操作
            else if (doe===2){
              /*组合数据*/
              //组合相关人员的标记,重新设定编审批的内容
              this.formTableData.ratifyUse=this.formTableData.ratifyUse.replace(/\/指定/g,'')
              this.formTableData.examineUse=this.formTableData.examineUse.replace(/\/指定/g,'')
              this.formTableData.countersignUse=this.formTableData.countersignUse.replace(/\/指定/g,'')
              this.formTableData.ratifyUse=this.formTableData.ratifyUse+'/指定'
              this.formTableData.examineUse=this.formTableData.examineUse+'/指定'
              this.formTableData.countersignUse=this.formTableData.countersignUse+'/指定'
              //组合两个时间的数据，编制时间，执行时间
              let date=new Date(this.formTableData.writeDate)
              let year = date.getFullYear().toString().padStart(4, '0');
              let month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              let day = date.getDate().toString().padStart(2, '0');
              this.formTableData.writeDate=`${year}-${month}-${day}`

              date=new  Date(this.formTableData.executeDate)
              year = date.getFullYear().toString().padStart(4, '0');
              month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              day = date.getDate().toString().padStart(2, '0');
              this.formTableData.executeDate=`${year}-${month}-${day}`
              //固定版本号，限定为1
              this.formTableData.editionNum=1
              //组合编制人
              this.formTableData.writeUse=this.useName
              this.$request.post('/editChangeModelTable',this.formTableData).then(result=>{
                if (result.code === 401) {
                  this.$router.push('UserLogin')
                  alert("您未登录，请登录")
                } else {
                  //数据赋值
                  //进行数据赋值
                  this.tableData[this.tableDataScope.$index]=this.formTableData
                  this.tableDataTemp=_.cloneDeep(this.formTableData)
                  this.dialogTableHeader=false;
                  alert("修改成功")
                }
              })
            }
            //是删除操作
            else if (doe===3){
              //是删除操作，用修改一个字段的形式实现，但是这个是根据id修改一个int类型的。
              this.$request.post('editChangeModelFieldInt',{
                id:this.tableDataScope.row.id,
                fieldName:'deleteSign',
                fieldVal:0,
              })
                  .then(result=>{
                    if (result.code === 401) {
                      this.$router.push('UserLogin')
                      alert("您未登录，请登录")
                    } else {
                      //组合数据
                      //删除大表中的内容
                      this.tableData.splice(this.tableDataScope.$index,1);
                      this.tableDataTemp={
                        //id主键
                        id:'',
                        //车间名称
                        workshop:'',
                        //线体名称
                        lineName:'',
                        //工序名称
                        op:'',
                        //文件名称
                        fileName:'',
                        // 版本号
                        editionNum:'',
                        //编制日期
                        writeDate:'',
                        //执行日期
                        executeDate:'',
                        //文件编号
                        fileNum:'',
                        //编制
                        writeUse:'',
                        //审核
                        examineUse:'',
                        //批准
                        ratifyUse:'',
                        //会签
                        countersignUse:'',
                        //作业指导书
                        workBook:'',
                        //图片附件
                        BookImage:'',
                        // 视频附件
                        BookVideo:'',
                        // 修改记录
                        editRecord:'',
                        //指导书类型
                        bookType:'',
                        //删除标记位
                        deleteSign:'',
                        //创建时间
                        establishTime:'',
                        //修改时间
                        UpdateTime:'',
                      }
                      this.workBook=[]
                      this.tableDataScope=null
                      this.dialogTableHeader=false
                    }
                  })
            }
          }
          //现在是对量检具指导书进行添加/修改/删除,doe接收的是用户现在了操作类型：1.插入；2.编辑；3.删除;
          else if (this.typeTableUse===6){
            //新建文件
            if (doe===1){
              //是插入操作
              /*组合数据*/
              //组合相关人员的标记
              this.formTableData.ratifyUse=this.formTableData.ratifyUse+'/指定'
              this.formTableData.examineUse=this.formTableData.examineUse+'/指定'
              this.formTableData.countersignUse=this.formTableData.countersignUse+'/指定'
              //组合两个时间的数据，编制时间，执行时间
              let date=new Date(this.formTableData.writeDate)
              let year = date.getFullYear().toString().padStart(4, '0');
              let month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              let day = date.getDate().toString().padStart(2, '0');
              this.formTableData.writeDate=`${year}-${month}-${day}`

              date=new  Date(this.formTableData.executeDate)
              year = date.getFullYear().toString().padStart(4, '0');
              month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              day = date.getDate().toString().padStart(2, '0');
              this.formTableData.executeDate=`${year}-${month}-${day}`

              //固定版本号，限定为1
              this.formTableData.editionNum=1
              //组合编制人
              this.formTableData.writeUse=this.useName
              //组合删除标记位
              this.formTableData.deleteSign=1

              /*组合作业指导书的内容   注：|*|：是分割语言的；
                                       |%|：是分割每一行中的字段的，具体为:
                                       工作步骤|%|
                                       注意点说明|%|
                                       需要时间|%|
                                       图片列表|%|
                                       视频列表|%|
                                       |-|分割每一行的
                                       */
              this.formTableData.workBook='请编辑内容|*|Please edit the content|*|Пожалуйста, отредактируйте содержимое|%|请编辑内容|*|Please edit the content|*|Пожалуйста, отредактируйте содержимое|%|0|%|undefined|*||%|undefined|*||%||-|'
              //向后端发送数据，进行插入操作。
              //向后端发送请求，插入数据
              this.$request.post('insertChangeModel',this.formTableData).then(result=>{
                if (result.code === 401) {
                  this.$router.push('UserLogin')
                  alert("您未登录，请登录")
                } else {
                  alert("插入成功")
                  //进行数据赋值
                  this.tableData.push(this.formTableData)
                  this.tableDataTemp=_.cloneDeep(this.formTableData)
                  //工作步骤进行赋值
                  let tempWorkBook=this.formTableData.workBook.split('|-|')
                  this.workBook=tempWorkBook[0].split('|%|')
                  this.dialogTableHeader=false
                }
              })
            }
            //是编辑操作
            else if (doe===2){
              /*组合数据*/
              //组合相关人员的标记,重新设定编审批的内容
              this.formTableData.ratifyUse=this.formTableData.ratifyUse.replace(/\/指定/g,'')
              this.formTableData.examineUse=this.formTableData.examineUse.replace(/\/指定/g,'')
              this.formTableData.countersignUse=this.formTableData.countersignUse.replace(/\/指定/g,'')
              this.formTableData.ratifyUse=this.formTableData.ratifyUse+'/指定'
              this.formTableData.examineUse=this.formTableData.examineUse+'/指定'
              this.formTableData.countersignUse=this.formTableData.countersignUse+'/指定'
              //组合两个时间的数据，编制时间，执行时间
              let date=new Date(this.formTableData.writeDate)
              let year = date.getFullYear().toString().padStart(4, '0');
              let month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              let day = date.getDate().toString().padStart(2, '0');
              this.formTableData.writeDate=`${year}-${month}-${day}`

              date=new  Date(this.formTableData.executeDate)
              year = date.getFullYear().toString().padStart(4, '0');
              month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，所以需要+1
              day = date.getDate().toString().padStart(2, '0');
              this.formTableData.executeDate=`${year}-${month}-${day}`
              //固定版本号，限定为1
              this.formTableData.editionNum=1
              //组合编制人
              this.formTableData.writeUse=this.useName
              this.$request.post('/editChangeModelTable',this.formTableData).then(result=>{
                if (result.code === 401) {
                  this.$router.push('UserLogin')
                  alert("您未登录，请登录")
                } else {
                  //数据赋值
                  //进行数据赋值
                  this.tableData[this.tableDataScope.$index]=this.formTableData
                  this.tableDataTemp=_.cloneDeep(this.formTableData)
                  this.dialogTableHeader=false;
                  alert("修改成功")
                }
              })
            }
            //是删除操作
            else if (doe===3){
              //是删除操作，用修改一个字段的形式实现，但是这个是根据id修改一个int类型的。
              this.$request.post('editChangeModelFieldInt',{
                id:this.tableDataScope.row.id,
                fieldName:'deleteSign',
                fieldVal:0,
              })
                  .then(result=>{
                    if (result.code === 401) {
                      this.$router.push('UserLogin')
                      alert("您未登录，请登录")
                    } else {
                      //组合数据
                      //删除大表中的内容
                      this.tableData.splice(this.tableDataScope.$index,1);
                      this.tableDataTemp={
                        //id主键
                        id:'',
                        //车间名称
                        workshop:'',
                        //线体名称
                        lineName:'',
                        //工序名称
                        op:'',
                        //文件名称
                        fileName:'',
                        // 版本号
                        editionNum:'',
                        //编制日期
                        writeDate:'',
                        //执行日期
                        executeDate:'',
                        //文件编号
                        fileNum:'',
                        //编制
                        writeUse:'',
                        //审核
                        examineUse:'',
                        //批准
                        ratifyUse:'',
                        //会签
                        countersignUse:'',
                        //作业指导书
                        workBook:'',
                        //图片附件
                        BookImage:'',
                        // 视频附件
                        BookVideo:'',
                        // 修改记录
                        editRecord:'',
                        //指导书类型
                        bookType:'',
                        //删除标记位
                        deleteSign:'',
                        //创建时间
                        establishTime:'',
                        //修改时间
                        UpdateTime:'',
                      }
                      this.workBook=[]
                      this.tableDataScope=null
                      this.dialogTableHeader=false
                    }
                  })
            }
          }
        } else {
          console.log('error submit!!');
          return false;
        }
      });
    },
    //选择器的变化引起的函数
    selectChange(val, doe){
      if (val==='机加车间/Machining workshop/Машиностроительный цех'){
        this.optionLine=machiningAssembly
        this.disabledLineName=false
      }
      else if (val==='装配车间/Assembly workshop/Сборочная линия'){
        this.optionLine=workshopAssembly
        this.disabledLineName=false
      }
      console.log(doe)
    },
    //辅助函数：生成唯一标识码的函数（利用时间戳和随机数
    generateUniqueId() {
      const temp=Date.now().toString() + Math.random().toString(36).slice(2, 11)
      return temp
    },
    //上传文件的函数(上传图片）
    saveFileAnnex(file, fileList){
      this.loading=false
      console.log(fileList)
      if (this.editBookType===4){
        //是对图片的操作
        const formData = new FormData()
        //1.新生成一个文件名称,并且把文件名称的后缀添加上
        let fileName=this.generateUniqueId()+'.'+file.name.split('.')[file.name.split('.').length-1]
        //2.记录一个新的图片名称
        let pictureName=''
        //把文件数据放进去
        file.name=fileName
        //把图片加入到自己的图片列表中，好像没有用
        this.PictureList.push(file)
        formData.append('file', file.raw)
        //把原来的图片字符串放进去，作为修改用
        //把数据整合到作业指导书的内容中
        //先判断原来的数据是否有图片
        if (this.workBookScope.row.pictureList.includes('undefined')){
          //原来没有图片，需要现在全新生成
          pictureName=fileName+'|*|'
        }
        else {
          //原来已经有图片了
          pictureName=this.workBookScope.row.pictureList+fileName+'|*|'
        }
        //重新组合作业指导书的文本内容。
        //组合数据
        //向总数据中进行组合
        let temp=_.cloneDeep(this.workBook)
        //把新的图片字符串赋值
        temp[this.workBookScope.$index].pictureList=pictureName
        //组合成文本数据
        /*组合作业指导书的内容   注：|*|：是分割语言的；
                                         |%|：是分割每一行中的字段的，具体为:
                                         work:工作步骤|%|
                                         problem:注意点说明|%|
                                         spendTime:需要时间|%|
                                         pictureList:图片列表|%|
                                         videoList:视频列表|%|
                                         |-|分割每一行的
                                         */
        let strTemp=''
        for (let i = 0; i < temp.length; i++) {
          let oneTemp=temp[i].work+'|%|'+temp[i].problem+'|%|'+temp[i].spendTime+'|%|'+temp[i].pictureList+'|%|'+temp[i].videoList+'|%|'+'|-|'
          strTemp=strTemp+oneTemp
        }
        formData.append('id',this.tableDataScope.row.id)
        formData.append('fieldName','workBook')
        formData.append('fieldVal',strTemp)
        formData.append('fileName',fileName)
        this.loading=true
        //保存文件，需要返回修改后的图片地址保存数据，并且进行赋值
        this.$requestFile.post('/editChangeModelPictureNew',formData).
        then(result=>{
          if (result.code === 401) {
            this.$router.push('UserLogin')
            alert("您未登录，请登录")
          }else {
            if (result.data===null){
              alert("程序出现异常，请联系管理员")
            }else {
              this.loading=false
              //修改主表中的数据和记录的保存数据
              this.tableData[this.tableDataScope.$index].workBook=result.data
              this.tableDataScope.row.workBook=result.data
              //重新组合作业指导书的内
              this.workBook[this.workBookScope.$index].pictureList=pictureName
              //修改走马灯的图片数组
              //组合照片的数据
              this.PictureList=[]//组合文件上传窗口的图片列表，先清空
              this.itemView=[]//修改走马灯的图片数组，先清空
              const temp1=pictureName.split('|*|')
              for (let i = 0; i < temp1.length-1; i++) {
                let temp2 = {
                  name: temp1[i],
                  percentage: 0,
                  raw: File,
                  size: 0,
                  status: null,
                  uid: null,
                  url: filepath + temp1[i]
                }
                this.PictureList.push(temp2)
                this.itemView.push(filepath+temp1[i])
              }
            }
          }
        })
      }
      else if (this.editBookType===5){
        //是视频的操作
        //新建一个文件变量
        const formData = new FormData()
        //1.新生成一个文件名称,并且把文件名称的后缀添加上
        let fileName=this.generateUniqueId()+'.'+file.name.split('.')[file.name.split('.').length-1]
        //2.记录一个新的图片名称
        let pictureName=''
        //把文件数据放进去
        file.name=fileName
        //把图片加入到自己的图片列表中，好像没有用
        this.videoList.push(file)
        formData.append('file', file.raw)
        //把原来的图片字符串放进去，作为修改用
        //把数据整合到作业指导书的内容中
        //先判断原来的数据是否有图片
        if (this.workBookScope.row.videoList.includes('undefined')){
          //原来没有图片，需要现在全新生成
          pictureName=fileName+'|*|'
        }
        else {
          //原来已经有视频了
          pictureName=this.workBookScope.row.videoList+fileName+'|*|'
        }
        //重新组合作业指导书的文本内容。
        //组合数据
        //向总数据中进行组合
        let temp=_.cloneDeep(this.workBook)
        //把新的图片字符串赋值
        temp[this.workBookScope.$index].videoList=pictureName
        //组合成文本数据
        /*组合作业指导书的内容   注：|*|：是分割语言的；
                                         |%|：是分割每一行中的字段的，具体为:
                                         work:工作步骤|%|
                                         problem:注意点说明|%|
                                         spendTime:需要时间|%|
                                         pictureList:图片列表|%|
                                         videoList:视频列表|%|
                                         |-|分割每一行的
                                         */
        let strTemp=''
        for (let i = 0; i < temp.length; i++) {
          let oneTemp=temp[i].work+'|%|'+temp[i].problem+'|%|'+temp[i].spendTime+'|%|'+temp[i].pictureList+'|%|'+temp[i].videoList+'|%|'+'|-|'
          strTemp=strTemp+oneTemp
        }
        formData.append('id',this.tableDataScope.row.id)
        formData.append('fieldName','workBook')
        formData.append('fieldVal',strTemp)
        formData.append('fileName',fileName)

        //保存文件，需要返回修改后的图片地址保存数据，并且进行赋值
        this.$requestFile.post('/editChangeModelPictureNew',formData).
        then(result=>{
          if (result.code === 401) {
            this.$router.push('UserLogin')
            alert("您未登录，请登录")
          }else {
            if (result.data===null){
              alert("程序出现异常，请联系管理员")
            }else {
              //修改主表中的数据和记录的保存数据
              this.tableData[this.tableDataScope.$index].workBook=result.data
              this.tableDataScope.row.workBook=result.data
              //重新组合作业指导书的内
              this.workBook[this.workBookScope.$index].videoList=pictureName

              //修改走马灯的视频数组
              //组合视频的数据
              this.videoList=[]//组合文件上传窗口的图片列表，先清空
              this.itemViewVideo=[]//修改走马灯的图片数组，先清空
              const temp1=pictureName.split('|*|')
              for (let i = 0; i < temp1.length-1; i++) {
                let temp2 = {
                  name: temp1[i],
                  percentage: 0,
                  raw: File,
                  size: 0,
                  status: null,
                  uid: null,
                  url: filepath + temp1[i]
                }
                this.videoList.push(temp2)
                this.itemViewVideo.push(filepath+temp1[i])
              }
            }
          }
        })
      }
    },
    //点击查看照片的函数
    handlePictureCardPreview(file) {
      this.dialogImageUrl = file.url;
      this.dialogPictureAnnex = true;
    },
    //点击图片下载按钮
    handleDownload(file) {
      //向后端发送请求，下载文件
      this.$request.get('/changeModelDownload?fileName=' + encodeURIComponent(file.name)).then(result=>{
        if (result.code === 401) {
          this.$router.push('UserLogin')
          alert("您未登录，请登录")
        }
        else {
          let base64Data = 'data:application/octet-stream;base64,' + result.data//
          // 创建一个Blob对象
          let blob = this.dataURItoBlob(base64Data);
          // 触发下载
          this.downloadBlob(blob, file.name);
        }
      }).catch(error => {
        // 处理请求错误
        console.error("请求出错", error);
      })
    },
    //照片移除的函数
    handleRemove(file) {
        //操作的是图片
        if (this.editBookType===4){
          //对图片列表中的信息进行整合
          const index = this.PictureList.findIndex(item => item.name === file.name);
          this.PictureList.splice(index,1)
          //重新组合作业指导书的文本内容。
          //组合数据
          //向总数据中进行组合
          let temp=_.cloneDeep(this.workBook)
          //把新的图片字符串赋值
          temp[this.workBookScope.$index].pictureList=this.workBookScope.row.pictureList.replace(file.name+'|*|','')
          //判断一下，是不是删除后为空了，如果是，就设置为undefined
          if (temp[this.workBookScope.$index].pictureList===''){
            temp[this.workBookScope.$index].pictureList='undefined|*|'
          }
          console.log(temp)
          //组合成为作业指导书的文本数据，用的方法是，先把每一条的数据组合起来。
          let strTemp=''//组合的临时变量,用在向后端保存数据的变量
          for (let i = 0; i < temp.length; i++) {
            //组合自己每一条的变量
            /*组合作业指导书的内容   注：|*|：是分割语言的；
                                 |%|：是分割每一行中的字段的，具体为:
                                 work:工作步骤|%|
                                 problem:注意点说明|%|
                                 spendTime:需要时间|%|
                                 pictureList:图片列表|%|
                                 videoList:视频列表|%|
                                 |-|分割每一行的
                                 */
            let itemStr=temp[i].work+'|%|'+temp[i].problem+'|%|'+temp[i].spendTime
                +'|%|'+temp[i].pictureList+'|%|'+temp[i].videoList+'|%|'
            strTemp=strTemp+itemStr+'|-|'
          }
          //向后端发送请求
          this.$request.post('/changeModeNewPictureRemove',{
            id:this.tableDataScope.row.id,
            fieldName:'workBook',
            filedVal:strTemp,
            pictureName:file.name
          }).
          then(result=>{
            if (result.code === 401) {
              this.$router.push('UserLogin')
              alert("您未登录，请登录")
            }
            else {
              if (result.data==='删除文件时出错'){
                alert("删除文件出错，请联系管理员")
              }else {
                //修改列表中的数据
                //修改主表中的数据和记录的保存数据
                this.tableData[this.tableDataScope.$index].workBook=result.data
                this.tableDataScope.row.workBook=result.data
                //组合走马灯的照片
                  this.itemView=[]
                if (temp[this.workBookScope.$index].pictureList.includes('undefined')){
                  this.itemView=[]
                }
                else {
                  this.itemView=[]
                  let tempView=temp[this.workBookScope.$index].pictureList.split('|*|')
                  for (let i = 0; i < tempView.length-1; i++) {
                    this.itemView.push(filepath+tempView[i])
                  }
                }
              }
            }
          })
        }
        //操作的是视频
        if (this.editBookType===5){
          //对图片列表中的信息进行整合
          const index = this.videoList.findIndex(item => item.name === file.name);
          this.videoList.splice(index,1)
          //重新组合作业指导书的文本内容。
          //组合数据
          //向总数据中进行组合
          let temp=_.cloneDeep(this.workBook)
          //把新的视频字符串赋值
          temp[this.workBookScope.$index].videoList=this.workBookScope.row.videoList.replace(file.name+'|*|','')
          //判断一下，是不是删除后为空了，如果是，就设置为undefined
          if (temp[this.workBookScope.$index].videoList===''){
            temp[this.workBookScope.$index].videoList='undefined|*|'
          }
          console.log(temp)
          //组合成为作业指导书的文本数据，用的方法是，先把每一条的数据组合起来。
          let strTemp=''//组合的临时变量,用在向后端保存数据的变量
          for (let i = 0; i < temp.length; i++) {
            //组合自己每一条的变量
            /*组合作业指导书的内容   注：|*|：是分割语言的；
                                 |%|：是分割每一行中的字段的，具体为:
                                 work:工作步骤|%|
                                 problem:注意点说明|%|
                                 spendTime:需要时间|%|
                                 pictureList:图片列表|%|
                                 videoList:视频列表|%|
                                 |-|分割每一行的
                                 */
            let itemStr=temp[i].work+'|%|'+temp[i].problem+'|%|'+temp[i].spendTime +'|%|'+temp[i].pictureList+'|%|'+temp[i].videoList+'|%|'
            strTemp=strTemp+itemStr+'|-|'
          }
          console.log(strTemp)
          // 向后端发送请求
          this.$request.post('/changeModeNewPictureRemove',{
            id:this.tableDataScope.row.id,
            fieldName:'workBook',
            filedVal:strTemp,
            pictureName:file.name
          }).
          then(result=>{
            if (result.code === 401) {
              this.$router.push('UserLogin')
              alert("您未登录，请登录")
            }
            else {
              if (result.data==='删除文件时出错'){
                alert("删除文件出错，请联系管理员")
              }else {
                //修改列表中的数据
                //修改主表中的数据和记录的保存数据
                this.tableData[this.tableDataScope.$index].workBook=result.data
                this.tableDataScope.row.workBook=result.data
                //组合走马灯的视频
                this.itemViewVideo=[]
                if (temp[this.workBookScope.$index].videoList.includes('undefined')){
                  this.itemViewVideo=[]
                }
                else {
                  this.itemViewVideo=[]
                  let tempView=temp[this.workBookScope.$index].videoList.split('|*|')
                  for (let i = 0; i < tempView.length-1; i++) {
                    this.itemViewVideo.push(filepath+tempView[i])
                  }
                }
              }
            }
          })
        }
    },
    // 辅助函数：将Base64编码的字符串转换为Blob对象
    dataURItoBlob(dataURI) {
      // 分离出头部信息,得到数据部分
      let byteString;
      if (dataURI.split(',')[0].indexOf('base64') >= 0)
        byteString = atob(dataURI.split(',')[1]);
      else
        byteString = unescape(dataURI.split(',')[1]);

      // 写入数组缓冲区
      let mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];
      let ia = new Uint8Array(byteString.length);
      for (let i = 0; i < byteString.length; i++) {
        ia[i] = byteString.charCodeAt(i);
      }
      return new Blob([ia], {type:mimeString});
    },
    // 辅助函数：触发Blob对象的下载
    downloadBlob(blob, fileName) {
      let link = document.createElement('a');
      link.href = window.URL.createObjectURL(blob);
      link.download = fileName;
      link.click();
      window.URL.revokeObjectURL(link.href);
    },
    //单击某一个数据表的时候，做出的反应（现在函数用在了主表上）
    tableDataClick(doe,scope){
      if (doe===1){
        //现在是主表上的点击
        //把单击的单元格范围数据发送出去
        this.tableDataScope=scope
        //把数据赋值给临时的数据
        this.tableDataTemp=_.cloneDeep(scope.row)
        //组合作业指导书的内容
        //把数据进行分割
        const temp=this.tableDataTemp.workBook.split('|-|')
        //给作业指导书的步骤组合
        this.workBook=[]
        for (let i = 0; i < temp.length-1; i++) {
          const tempData=temp[i].split('|%|')
          const tempWorkBook={
            id:i,
            work:tempData[0],//工作步骤
            problem:tempData[1],//关注点
            spendTime:tempData[2],//需要时间
            pictureList:tempData[3],//图片列表
            videoList:tempData[4]//视频列表
          }
          this.workBook.push(tempWorkBook)
        }
        console.log('到这里；',this.workBook)
        //对修改记录进行组合
        const editRecordTemp=this.tableDataScope.row.editRecord.split(';')
        //给修改数据赋值：
        this.editUser=editRecordTemp[1]
        this.editData=editRecordTemp[0]
        //关闭抽屉
        this.drawer=false
      }
    },
    //单击作业指导书上的行的反应
    workBookRowClick(row){
      //清空数据
      this.itemViewVideo=[]
      this.itemView=[]
      //组合走马灯图片
      if (row.pictureList.includes('undefined')){
        this.itemView=[]
      }
      else {
        let pictureTemp=row.pictureList.split('|*|')
        this.itemView=[]
        for (let i = 0; i < pictureTemp.length-1; i++) {
          let temp=filepath+pictureTemp[i]
          this.itemView.push(temp)
        }
      }
      //组合走马灯的视频
      if (row.videoList.includes('undefined')){
        this.itemViewVideo=[]
      }
      else {
        let pictureTemp=row.videoList.split('|*|')
        this.itemViewVideo=[]
        for (let i = 0; i < pictureTemp.length-1; i++) {
          let temp=filepath+pictureTemp[i]
          this.itemViewVideo.push(temp)
        }
      }
      console.log(this.itemView,this.itemViewVideo)
    },
    //单击走马灯上的照片，图片放大方法
    handleImageClick(item){
      this.dialogImageUrl=item
      this.dialogPictureAnnex=true
    },
    //用户开始进行文件审批的函数
    documentReview(doe,val){
      //是审核，用户开始点击审核了
      if (doe===1){
        if (val.includes(this.useName)){
          if (val.includes("指定")){
            //完成后台数据修改，本次修改只是修改本字段，将“指定”修改为“已审批”
            alert("已审批")
            //向后端发送请求，修改数据
            console.log(this.tableDataScope.row)
          }

        }
        else {
          alert("您不是审核人，请核对")
        }
      }
    }
  },
  mounted() {
    this.inquiry()
    //数据清理
    this.workBook=[]
    this.itemView=[]
    this.itemViewVideo=[]
    //默认显示图片
    this.switchVideo(1)
  }
}
</script>

<style scoped>
/* 主体左侧的工作步骤栏用到的数据包围的div的样式*/

.el-footer {
  background-color: #ffffff;
  color: #333;
  text-align: center;
  border-width: 3px; /* 设置边框宽度为3像素 */
  border-color: blue; /* 设置边框颜色为蓝色 */
  border-style: solid; /* 设置边框样式为实线 */
  padding: 10px; /* 添加内边距 */
  border-left-color: white;
  border-top: white;
}

.el-aside {
  background-color: #ffffff;
  color: #333;
  text-align: center;
  border-width: 3px; /* 设置边框宽度为3像素 */
  border-color: blue; /* 设置边框颜色为蓝色 */
  border-style: solid; /* 设置边框样式为实线 */
  padding: 10px; /* 添加内边距 */
  height: 89vh;
}

.el-main {
  color: #333;
  text-align: center;
  border-width: 3px; /* 设置边框宽度为3像素 */
  border-color: blue; /* 设置边框颜色为蓝色 */
  border-left-color: white;
  border-style: solid; /* 设置边框样式为实线 */
  padding: 10px; /* 添加内边距 */
}

body > .el-container {
  margin-bottom: 40px;
}

.el-container:nth-child(5) .el-aside,
.el-container:nth-child(6) .el-aside {
  line-height: 260px;
}

.el-container:nth-child(7) .el-aside {
  line-height: 320px;
}

.headMain{
  color: #ffffff; /* 设置字体颜色为红色 */
  font-size: 18px;
}
.center-text {
  /* 使用 margin-left 和 margin-right auto 来实现居中效果 */
  margin-left: auto;
  margin-right: auto;
  /* 注意：如果 header 内只有这两个元素，你可能不需要 margin-right: auto */
}
.el-button {
  white-space: normal !important;
  word-break: break-word !important;
}

/*自定义样式*/

</style>